Bilangan Format Tabel Bootstrap Dengan Koma Dan Tempat Desimal Di ASP.NET MVC

  • Whatsapp
Bilangan Format Tabel Bootstrap Dengan Koma Dan Tempat Desimal Di ASP.NET MVC

Halo dan Selamat Malam.
Berikut cara memformat angka dengan koma dan tempat desimal di kolom Tabel Bootstrap oleh Wenzhixin menggunakan tag data-formatter. Atur sederhana properti pemformat data dari menandai.

Bacaan Lainnya

<table id="tblBilling"
data-toggle="table"
data-search="true"
data-advanced-search="true"
data-id-table="billingTable"
data-show-export="true"
data-toolbar="#toolbar1"
data-click-to-select="true"
data-height="500"
data-url='@Url.Action("GetBillingInformation", "BillingDashboard")'
data-cookie-id-table="tblBillableID">
<thead>
<tr style="background-color: #FFFFFF;">
<td data-field="CustomerID" data-sortable="false" data-searchable="false" data-visible="false">Customer ID</td>
<td data-field="CustomerName" data-sortable="false" data-searchable="false" data-visible="false">Customer Name</td>
<th data-field="Address" data-sortable="true" data-searchable="true">Address</th>
<th data-field="Price" data-sortable="true" data-formatter="NumFormatter" data-searchable="true">Price</th>
<th data-field="TotalAmount" data-sortable="true" data-formatter="NumFormatter" data-searchable="true">Total Amount</th>
</tr>
</thead>
</table>

Dan kode JavaScript untuk memformat angka-angka itu hanya menggunakan fungsi toLocaleString () dengan parameter yang ditetapkan untuk angka pecahan minimum dan maksimum.

function NumFormatter (data) {
return parseFloat(data).toLocaleString(undefined, {
minimumFractionDigits: 2,
maximumFractionDigits: 2
});
};

Keluaran

Contoh Biola: Nomor Format Tabel Bootstrap Dengan Koma Dan Tempat Desimal

Pos terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *