我是jquerymobile,css和datatables :)的新手。 我需要更改数据表Colvis按钮&列表样式。
http://stokkers.mobi/jqm/tableview/demo.html对我来说是个很好的榜样。它使用(+)图标而不是“显示/隐藏列”文本,并选择列打开一个带有jquerymobile样式复选框控制组的弹出窗口。我使用以下代码创建了数据表,因此无法复制/粘贴此链接:)
此外,我不想编辑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
} );