微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何在不弄乱表格的情况下更新列定义?

如何解决如何在不弄乱表格的情况下更新列定义?

应用 updateColumnDeFinition 函数后:

tablePronosticos.updateColumnDeFinition("ro",{title:"PREDICC",editable:true})

到此列定义:

columns:[ //Define Table Columns

            {title:"POS",field: "pos",formatter:"rownum",width:40,frozen:true },{title:"RES OFC",field:"ro",width:70,tooltip:"Click aqui para colocar tu prediccion",frozen:true,editable:false,editor:'autocomplete',editorParams: {
                    allowEmpty:true,showListOnEmpty:true,values:["ALO","BOT","GAS","GIO","HAM","LAT","LEC","MAZ","nor","OCO","PER","RAI","RIC","RUS","SAI","MCH","STR","TSU","VET","VER"]
                },

然后桌子就乱了。定义发生了变化,但“ro”列移动到了表格的右侧,并且在原来的位置出现了一个空列。

如果“ro”列最初使用 frozen: false 定义加载,那么它可以正常工作并且列不会被弄乱。

知道这是否是正常行为吗?列“ro”必须最初加载 frozen: true

表格数据示例:

var tabledata = [
    {id:1,ro:'',op: 25,pt1:'HAM',pts1:'',pt2:'HAM',pts2:'',pt3:'HAM',pts3:'',pt4:'',pts4:'',pt5:'',pts5:'',pt6:'HAM',pts6:'',pt7:'VER',pts7:'',pt8:'BOT',pts8:'',pt9:'',pts9:'',pt10:'',pts10:'',pt11:'VER',pts11:'',pt12:'',pts12:'',pt13:'',pts13:'',pt14:'PER',pts14:'',pt15:'VER',pts15:'',pt16:'',pts16:'',pt17:'',pts17:'',pt18:'HAM',pts18:'',pt19:'VER',pts19:'',pt20:'HAM',pts20:'',pt21:'HAM',pts21:'',pt22:'',pts22:'',pt23:'',pts23:'',pt24:'HAM',pts24:'',pt25:'VER',pts25:'',pt26:'HAM',pts26:'',pt27:'',pts27:'',pt28:'HAM',pts28:'',pt29:'',pts29:''},{id:2,op: 18,pt1:'VER',pt2:'VER',pt3:'BOT',pt6:'VER',pt7:'HAM',pt8:'VER',pt11:'HAM',pt14:'VER',pt15:'BOT',pt18:'VER',pt19:'HAM',pt20:'VER',pt21:'VER',pt24:'BOT',pt25:'HAM',pt26:'VER',pt28:'VER',{id:3,op: 15,pt1:'BOT',pt2:'BOT',pt3:'VER',pt6:'BOT',pt7:'PER',pt8:'HAM',pt11:'BOT',pt14:'SAI',pt15:'HAM',pt18:'BOT',pt19:'BOT',pt20:'BOT',pt21:'BOT',pt24:'VER',pt25:'PER',pt26:'BOT',pt28:'BOT',{id:4,op: 12,pt1:'PER',pt2:'PER',pt3:'PER',pt6:'SAI',pt7:'BOT',pt8:'PER',pt11:'LEC',pt14:'HAM',pt15:'SAI',pt18:'LEC',pt19:'LEC',pt20:'LEC',pt21:'PER',pt24:'LEC',pt25:'BOT',pt26:'PER',pt28:'PER',{id:5,op: 10,pt1:'RIC',pt2:'LEC',pt3:'RIC',pt6:'nor',pt7:'SAI',pt8:'LEC',pt11:'OCO',pt14:'LEC',pt15:'LEC',pt18:'PER',pt19:'PER',pt20:'PER',pt21:'nor',pt24:'nor',pt25:'LEC',pt26:'nor',pt28:'LEC',

表格配置:

var tablePronosticos = new Tabulator("#tbPronosticos",{
    height:"310px",reactiveData:true,data:tabledata,resizableRows:false,resizableColumns:false,movableRows: false,movableColumns: false,headerSort:false,headerHozAlign: "center",cellEdited:function(cell){
        tablePronosticos.setData(tabledata);
    },dataChanged:function(data){
        document.getElementById("bt-clearTable").style.display="inline-block";
    },cellHozAlign:"center",layout:"fitColumns",//fit columns to width of table (optional)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。