如何格式化Datatables表以将bool显示为复选框

时间:2015-08-03 21:28:31

标签: c# jquery datatable

我正在使用c#/ ASP .net / Datatables中的一个项目,并且在尝试以我想要的方式显示布尔值时遇到了问题。目前它正在出现“真实”或“假”,当我更喜欢它显示为已选中或空框时。听起来像数据表应该能够处理这个,但它们显示的示例代码与我们在项目其余部分使用的语法不匹配。我们拥有的是:

<th data-data="ProjectName">Project Name</th>
<th data-data="OwnerName">Owner Name</th>
<th data-data="ReferenceNumber">Reference Number</th>

接着是

<th data-data="IsTaxExempt">Tax Exempt</th>

1 个答案:

答案 0 :(得分:3)

为此,请查看Datatables.net文档中的columns.render选项,我认为示例from the Datatables.net website can get you going in the right direction。您可能需要在表的初始化中设置一些选项:

$('#example').dataTable( {
      "columnDefs": [ {
            "targets": 3, //Targets would be the 0 based index of the column
             "data": 'IsTaxExempt',
             "render": function ( data, type, full, meta ){
                       return data ? '<input type="checkbox" disabled checked/>' : <input type="checkbox" disabled/>'
             }
       } ]
 });