JQury datatables 改变处理中 显示样式

      datatables表格控件真的很强大,默认的处理中只是一个黑色的文字,而且在表格顶部,不太好看,所以需要自定义修改它的样式,参考官网的初始化设置表格的函数形式,连接如下:https://datatables.net/reference/event/processing,主要函数是这个:

    

 $('#example'String).on( 'processing.dt'String, function ( e, settings, processing ) {

       $('#processingIndicator').css( 'display', processing ? 'block' : 'none' );//官网设置隐藏与否

    } )
    

    以下是我设置表格样式的过程:

     1.第一步:就是找到表格中的处理中的id,然后使用css,设置它的样式,如果你不知道处理中的id的话,可以使用浏览器,打开F12开发者模式,看看,如下图片:


      

     2.第二步:找到了这个处理中的id,就可以参照官网的形式,在表格初始化的时候,给他加上自己设置的样式,(注意需要打开属性可以使用处理中的:"bProcessing" : true,"sProcessing" : "正在加载数据中,请稍候...",这些官网都是有例子的,我就不重复了)如下代码:

	var  Table = $('#sample_1') .on( 'processing.dt', function ( e, settings, processing ) {
						$('#sample_1_processing').css( 'color', processing ? 'red' : 'red' );//设置文字为红色
						$('#sample_1_processing').css( 'display', processing ? 'block' : 'none' );
				        
				    } ).dataTable(
							datatables_options);
      这样就可以自定义了,成功之后的前后对比:



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值