数据刷新后dataTables显示有问题

秋枫

5.3.6版本，如图所示，页面有两个页签，在详细页签点击刷新后，返回列表页签dataTables显示异常：

jishuang

dataTables的框度怎么设置的？从上面看第一个图上dataTables上的列没有实现完啊

秋枫

以下是dataTables的bom结构：
<div component="$UI/system/components/justep/dataTables/dataTables"
          flexibleWidth="false" class="table table-hover table-striped hidder-xs" xid="listData"
          data="mainData" rowActiveClass="active" onRowDblClick="grid3RowClick" responsive="false" scrollX="1000" scrollY="300px">
          <columns xid="column">
            <column name="fBillNO" width="60px"/>
            <column name="fCustName" width="80px"/>
            <column name="fSystem" width="80px"/>
            <column name="fModule" width="80px"/>
            <column name="fProblemType" width="60px"/>
            <column name="fOptimizing" width="50px"/>
            <column name="fTitle" width="120px"/>
            <column name="fProposePersonName" width="50px"/>
            <column name="fContactWay" width="100px"/>
            <column name="fStatus" width="50px"/>
            <column name="fOperatePersonName" width="50px"/>
            <column name="fFinishTime1" width="120px"/>
            <column name="fWorkHour1" width="60px"/>
            <column name="fFinishTime2" width="120px"/>
            <column name="fWorkHour2" width="60px"/>
            <column name="fCreatePersonName" width="50px"/>
            <column name="fCreateTime" width="120px"/>
          </columns>
        </div>

jishuang

你好楼主，您反馈的这个现象通过验证是产品缺陷，我们已提交到产品组(内部编号：2016101700013)，感谢楼主的支持与配合。

秋枫

有没有方法可以处理这个问题，试了一下在切换页签时刷新mainData也不行

jishuang

那就先把responsive="false" scrollX="1000" scrollY="300px"去掉，用响应式布局

dkerlo

jishuang 发表于 2016-10-17 15:38
那就先把responsive="false" scrollX="1000" scrollY="300px"去掉，用响应式布局

什么时候能解决，我也碰到一模一样问题了。我的是在手机里面，也是“返回”时候出错，能否对 datatables 控件单独强制刷新？

jishuang

datatables提供的有refresh方法可以刷新

dkerlo

jishuang 发表于 2016-10-31 17:45
datatables提供的有refresh方法可以刷新

用refresh方法不能解决问题，然后用 this.comp("dataTables1").reload();  方法解决了。hoho~~~