Javascript 在jquery数据表中只有一个断点

Javascript 在jquery数据表中只有一个断点,javascript,jquery,datatables,Javascript,Jquery,Datatables,因此,我们有一个可变列数表,它基于用户定义的用于比较的项目数。我已指明以下事项: 响应:{ 详情:{ 显示:$.fn.dataTable.Responsive.display.childRowImmediate, 类型:“列” }在使用插件一段时间后,我确定至少有一种方法可以做到这一点,那就是为每个标题指定一个类,告诉插件显示为列的最小值(或者,根据所选的其他选项,将其显示为下面的项目符号,或者根本不显示,等等。有内置断点和逻辑前缀,可用于给定列标题的类-例如“min destkop”或“mi

因此,我们有一个可变列数表,它基于用户定义的用于比较的项目数。我已指明以下事项:

响应:{
详情:{
显示:$.fn.dataTable.Responsive.display.childRowImmediate,
类型:“列”

}
在使用插件一段时间后,我确定至少有一种方法可以做到这一点,那就是为每个标题指定一个类,告诉插件显示为列的最小值(或者,根据所选的其他选项,将其显示为下面的项目符号,或者根本不显示,等等。有内置断点和逻辑前缀,可用于给定列标题的类-例如“min destkop”或“min-table-p”(用于纵向模式下的tablet)使用特定的预定义像素宽度。但是,您也可以通过breakpoints对象定义自定义像素宽度。这有点棘手。我发现我必须定义所有像素宽度,并将断点设置为断点后的最小值:

$(文档).ready(函数(){
$(“#content_0_main_1_GridView1第n个孩子(1)”).addClass(“min-tablet-l”);
$(“#content_0_main_1_GridView1第n个孩子(2)”).addClass(“min-tablet-l”);
$(“#content_0_main_1_GridView1第n个孩子(3)”).addClass(“min-tablet-l”);
$(“#内容(0)主(1)网格视图1第n个孩子(4)”.addClass(“min-tablet-l”)
$('#content_0_main_1_gridview 1')。数据表({
搜索:假,
bPaginate:false,
订购:错,
自动宽度:false,
响应:{
断点:[
{名称:'桌面',宽度:无限},
{name:'table-l',宽度:1024},
{名称:'tablet-p',宽度:623},
{name:'mobile-l',宽度:480},
{name:'mobile-p',宽度:320}
],
详情:{
显示:$.fn.dataTable.Responsive.display.childRowImmediate,
类型:“列”
}
}
});
});