Question

我有一个带有庞大数据集和寻呼机的数据表。一切都很好，除了一个问题：寻呼机项目的宽度是固定的，因此大数字（例如1001）是不可见的。有没有办法克服这个问题？这是一个例子：

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

Answer 1

似乎没有任何“原生”解决方案。注入的寻呼机容器宽度设置为[2,1,3] / 100％，并且似乎插入而不对其正在服务的视图进行任何调整;分页按钮具有固定的大小，也可以在不考虑视图的情况下呈现。我找到的解决方法是调整按钮数量

auto

或调整按钮的CSS，这里给出一个增加相等余量的例子，但你也可以改变寻呼机按钮的宽度/大小

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 
},

请参阅webix docs for paging。在返回的对象（如.webix_pager_item { margin-left: 15px; } .webix_pager_item_selected { margin-left: 15px; }）上，没有“秘密”分页相关的方法，也没有你可以操作的文字。

可数据的寻呼机宽度

1 个答案: