Comments (3)
How does your table configuration look like?
from jquery-bootgrid.
Hi Rafael,
Table is initialized as follows:
<table id="rc-grid" class="table table-condensed table-hover table-striped">
<thead>
<tr>
<th data-column-id="id" data-type="numeric" data-identifier="true" data-visible="false">ID</th>
<th data-column-id="customer">Customer</th>
<th data-column-id="contract">Contract</th>
<th data-column-id="contract-status">Contract Status</th>
<th data-column-id="order-type">Order Type</th>
<th data-column-id="connection">Connection</th>
<th data-column-id="address">Address</th>
<th data-column-id="service-type">Service Type</th>
<th data-column-id="supplier-reference">Supplier Reference</th>
<th data-column-id="supplier-actual-monthly-cost" data-formatter="samc-link">Supplier Actual Monthly Cost</th>
<th data-column-id="invoice-amount">Invoice Amount</th>
</tr>
</thead>
</table>
In a separate javascript file I have:
$("#rc-grid").bootgrid({
formatters: {
"samc-link": function (column, row) {
return "<a href=\"#\" data-toggle=\"modal\" data-target=\"#reports-contract-modal\" onclick=\"populateReportContractModalFields(" + row["id"] + ")\">" + row["supplier-actual-monthly-cost"] + "</a>";
}
}
});
$("#rc-grid").bootgrid("append", [{
"id": 1,
"customer": "test customer",
"contract": "test contract",
"contract-status": "test status",
"order-type": "test order type",
"connection": "test connection",
"address": "test address",
"service-type": "test service",
"supplier-reference": "test supplier reference",
"supplier-actual-monthly-cost": "$0.00",
"invoice-amount": "$0.00"
}])
{{ctx.content}}.00 is also displayed in IE when you don't use the append method and just add a row in html for example:
<table id="rc-grid" class="table table-condensed table-hover table-striped">
<thead>
<tr>
<th data-column-id="id" data-type="numeric" data-identifier="true" data-visible="false">ID</th>
<th data-column-id="customer">Customer</th>
<th data-column-id="contract">Contract</th>
<th data-column-id="contract-status">Contract Status</th>
<th data-column-id="order-type">Order Type</th>
<th data-column-id="connection">Connection</th>
<th data-column-id="address">Address</th>
<th data-column-id="service-type">Service Type</th>
<th data-column-id="supplier-reference">Supplier Reference</th>
<th data-column-id="supplier-actual-monthly-cost" data-formatter="samc-link">Supplier Actual Monthly Cost</th>
<th data-column-id="invoice-amount">Invoice Amount</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>test customer</td>
<td>test contract</td>
<td>test status</td>
<td>test order type</td>
<td>test connection</td>
<td>test address</td>
<td>test service</td>
<td>test supllier reference</td>
<td>$0.00</td>
<td>$0.00</td>
</tr>
</tbody>
</table>
Hope this was what you're after. Please let me know if you require further information.
Regards,
Ali
from jquery-bootgrid.
Fixed it!
from jquery-bootgrid.
Related Issues (20)
- Get all rows (ajax: true)
- Wrong page calculation for linkes "next" and "prev" pages HOT 1
- How to use with local language?
- Any solution for natural sorting?
- Problems deleting in bootgrid / Problemas al eliminar en bootgrid
- Bootgrid and .Net Core Ajax Posting not working ...
- 关于初始化的问题
- Filtering between dates
- How to customize row background based on a field value? HOT 1
- Any plan to update? HOT 2
- Bootstrap 4 HOT 1
- thead fixed and tbody scrollable
- Jquery bootgrid icon is not displaying in web app HOT 1
- how to load static columns and data to jQuery-bootgrid HOT 1
- how to delete row in Jquery boot grid
- Jquery Bootgrid Header Checkbox(Hide/Show) Table columns Customize and place in userdefined Dropdown?
- individual Column Search on top of each column in bootgrid?
- How to use styling in bootgrid? HOT 1
- Passing json variable to bootgrid table
- Tooltip in cell
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jquery-bootgrid.