Datatable寻呼机宽度

我有Webix一个巨大的数据集和寻呼机的数据表。一切都很好，除了一个问题：寻呼机项目的宽度是固定的，所以大数字（例如1001）不可见。有什么办法可以解决这个问题吗？下面是一个例子：Datatable寻呼机宽度

var data = []; 
for (var i = 1; i < 1011; i++) 
    data.push({ id:i, package:"Some #"+i, section:i, size:i, architecture:i });                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               

var grida = webix.ui({ 
    container:"testA", 
    view:"datatable", 
    columns:[ 
     { id:"package", header:"Name",   width:200 }, 
     { id:"section", header:"Section",  width:120 }, 
     { id:"size", header:"Size" ,   width:80 }, 
     { id:"architecture", header:"PC", width:60 } 
    ], 
    select:"cell", 
    autowidth:true, 
    autoheight:true, 
    pager:{ 
     template:"{common.first()} {common.prev()} {common.pages()} {common.next()} {common.last()}", 
     container:"paging_here", 
     size:1, 
     group:5 
    }, 
    data:data 
});

http://webix.com/snippet/fdb4d9e0

来源

2016-02-15 rannat

似乎有不为这方面的任何“原生”的解决方案。注入的寻呼机容器宽度设置为auto/100％，并且似乎插入时未对其所服务的视图进行任何调整;分页按钮具有固定大小，也不考虑视图。我已经找到了这一问题的方法是要么调整按钮

pager:{ 
    template:"{common.first()} {common.prev()} {common.pages()} {common.next()} {common.last()}", 
    container:"paging_here", 
    size:1, 
    group:5 //set the desired number of buttons here 
},

或调整CSS的按钮，在这里给他们增加等于保证金的例子的数量，但你也可以改变的宽度/尺寸寻呼机按钮

.webix_pager_item { 
    margin-left: 15px; 
} 
.webix_pager_item_selected { 
    margin-left: 15px; 
}

查看webix docs for paging。在返回的对象（如grida）没有“秘密”分页相关的方法，也不是你可以操纵的文字。

来源

2016-02-16 07:18:12 davidkonrad

感谢您的提示。经过一番尝试，我发现了另一种解决方案： '.webix_pager_item，.webix_pager_item_selected {0} {0} {0} {0}宽度：45px！重要; }' – rannat

@rannat，太好了！这是我想到的这样的东西，不知道你可以做出什么样的CSS调整，因为我不知道你的观点与大数字看起来像。 – davidkonrad

Datatable寻呼机宽度

回答

相关问题