如何设置datatable表的格式,以便将bool显示为复选框

本文关键字:bool 复选框 显示 格式 何设置 设置 datatable | 更新日期: 2023-09-27 18:06:14

我正在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>

如何设置datatable表的格式,以便将bool显示为复选框

看一下这些列。我认为datatable .net网站上的例子可以让你朝着正确的方向前进。您可能需要在表的初始化中设置一些选项:

$('#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/>'
             }
       } ]
 });