Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 更改Datatables Colvis样式_Css_Jquery Mobile_Jquery Datatables - Fatal编程技术网

Css 更改Datatables Colvis样式

Css 更改Datatables Colvis样式,css,jquery-mobile,jquery-datatables,Css,Jquery Mobile,Jquery Datatables,我是jquerymobile、css和datatables的新手:。 我需要更改datatables Colvis按钮和列表样式 这对我来说是一个很好的例子。它使用+图标而不是显示/隐藏列文本,并使用jquerymobile样式复选框controlgroup打开一个弹出窗口来选择列。我使用以下代码创建了datatables,因此无法复制/粘贴此链接: 另外,我不想编辑jquerymobile的javascript或css文件来轻松升级进一步的版本 认识到在jquerymobile环境中需要响应性

我是jquerymobile、css和datatables的新手:。 我需要更改datatables Colvis按钮和列表样式

这对我来说是一个很好的例子。它使用+图标而不是显示/隐藏列文本,并使用jquerymobile样式复选框controlgroup打开一个弹出窗口来选择列。我使用以下代码创建了datatables,因此无法复制/粘贴此链接:

另外,我不想编辑jquerymobile的javascript或css文件来轻松升级进一步的版本

认识到在jquerymobile环境中需要响应性的tableGrid插件。我认为Datatables可以实现这一点

谢谢你的帮助

$('#dynamicDatatableDIV').html( '<table id="dynamicDatatable" class="tbl_basket_style"></table>' );               
$('#dynamicDatatable').dataTable( {
    "sDom": 'frCtip', //ColVis  'frtCipl'        
    "oTableTools": {
        "sSwfPath": "swf/copy_csv_xls_pdf.swf",
        "aButtons": [ "copy", "csv", "xls", "pdf" ]                       
    },
    //"bStateSave": true,//length, filtering, pagination and sorting not change when refresh(cooki)
    "sPaginationType": "full_numbers",        
    "iDisplayLength": 65536,
    "oColVis": {
        //"buttonText": "Show / Hide columns",
        "bRestore": true,
        "sAlign": "right"
    },        
    "aaData": aDataSet,        
    "aoColumns": aColumnData  
} );

不确定您在问什么,但我也做了一个jqmdatatables版本。与您链接到的示例基本相同,仅从自定义datatables版本运行。我没有在上面发布任何内容,但我曾经在这里给出了一个关于堆栈溢出的冗长示例。让我看看能否找到链接。抱歉,它现在正在本地主机上工作。在您的示例中,有+图标可选择可见列。它打开一个带有复选框的弹出窗口,看起来像标准的jquery移动屏幕。我想应用相同的,但不想修改jquerymobile css/js文件。此链接有一个替代样式的示例,但不是jquerymobile样式。我没有对jqm/css做任何更改来完成菜单。我正在填充列标题以显示/隐藏它们,这只是一个jqm自定义选择。在响应式桌面设计上检查此项。我有一个类似maggie wachs的例子,但是使用jqm