DataTables在指定列上启用选择功能
我正在使用创建一个具有单行选择功能的数据表,这样当我单击行中的任意位置时,它就会链接到我的web应用程序中的另一个页面。我需要了解如何在每行的第一列禁用select功能的帮助。我尝试过使用css规则,但它们要么不起作用,要么应用于第一列以外的列 表格声明:DataTables在指定列上启用选择功能,datatables,Datatables,我正在使用创建一个具有单行选择功能的数据表,这样当我单击行中的任意位置时,它就会链接到我的web应用程序中的另一个页面。我需要了解如何在每行的第一列禁用select功能的帮助。我尝试过使用css规则,但它们要么不起作用,要么应用于第一列以外的列 表格声明: var locationTable = $('#locationTable').DataTable({ dom: 'Brtip', buttons: [ 'excel' ],
var locationTable = $('#locationTable').DataTable({
dom: 'Brtip',
buttons: [
'excel'
],
select: {
style: 'single'
//selector: ':not(:first-child)'
//selector: ':not(td:nth-of-type(1))'
},
processing: true,
serverSide: true,
ajax: "/locationData",
length: 10,
ordering: false,
"lengthChange": false,
//sDom : '<"top">lrtip',
columns: [
{data: 'locationname'},
{data: 'address1'},
{data: 'address2'},
{data: 'city'},
{data: 'state'},
{data: 'zipcode'},
{data: 'phone'},
{data: 'fax'}
]
});
解决方案:为希望启用选择功能的每列添加CSS规则。在下面的示例中,我希望在除第一列之外的所有列上都具有select功能。
选择:{
风格:“单身”,
选择器:'tr>td:n个孩子(2),tr>td:n个孩子(3),tr>td:n个孩子(4),tr>td:n个孩子(5),tr>td:n个孩子(6),tr>td:n个孩子(7),tr>td:n个孩子(8),tr>td:n个孩子(9)'
}
解决方案:为希望启用选择功能的每个列添加CSS规则。在下面的示例中,我希望在除第一列之外的所有列上都具有select功能。
选择:{
风格:“单身”,
选择器:'tr>td:n个孩子(2),tr>td:n个孩子(3),tr>td:n个孩子(4),tr>td:n个孩子(5),tr>td:n个孩子(6),tr>td:n个孩子(7),tr>td:n个孩子(8),tr>td:n个孩子(9)'
}
//locationTable.select.selector(':not(tr>td:nth-child(1))');
locationTable.select.selector('tr>td:nth-child(2)');