iT邦幫忙

0

(已解)bootstrap table column 千分位

deh 2021-03-19 15:52:261655 瀏覽

各位前輩好,
請問原始資料是數字,bootstrap table有什麼column設定可以自動加上千分位嗎?
目前使用bootstrap table的data-url從後端拿Json然後呈現在前端。

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

7
japhenchen
iT邦超人 1 級 ‧ 2021-03-19 16:03:56
最佳解答

用javascript

var n = 34523453.345
n.toLocaleString()
"34,523,453.345"
deh iT邦研究生 1 級 ‧ 2021-03-19 16:13:32 檢舉

感謝回覆,用js做過(抓class全部改value),但資料量大的時候去動每個欄位跑很慢。
所以才想問問看bootstrap table有沒有像data-align="right"那種可以一次讓整欄改變的設定。

deh iT邦研究生 1 級 ‧ 2021-03-19 16:18:07 檢舉

目前作法是後端就先弄個ToString("N0"),速度快多。
(後端return JsonSerializer.Serialize(List))
但缺點就是為了前端,Model又要多一個string properties。
像是原本class有一個Amount
public int Amount { get; set; }
為了前端要多一個
public string DisplayAmount { get { return Amount.ToString("N0"); } }

deh iT邦研究生 1 級 ‧ 2021-03-19 17:03:19 檢舉

已解,發現慢是其他原因,感謝

我要發表回答

立即登入回答