更改datatables的分页切换时的'processing'提示信息的式样

Posted 2020-09-25 zhao1949

jquery.dataTables.css

.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
/*   width: 100%; */
  width: 100px
  height: 40px;
  margin-left: -50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
/*   background-color: #ccc; */
/*   background-color: white; */
/*   background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); */
/*   background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); */
/*   background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); */
/*   background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); */
/*   background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); */
/*   background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); */
}

    function _fnProcessingDisplay ( settings, show )
    {
        if ( settings.oFeatures.bProcessing ) {
//            console.log("settings.aanFeatures.r="+settings.aanFeatures.r);
            $(settings.aanFeatures.r).css( ‘display‘, show ? ‘block‘ : ‘none‘ );
//            $(settings.aanFeatures.r).css( "background-color","#ccc");
//            $(settings.aanFeatures.r).width("100px");
        }
    
        _fnCallbackFire( settings, null, ‘processing‘, [settings, show] );
    }