数据表寻呼机宽度
Datatable pager width
我有一个 Webix 数据表,其中包含一个巨大的数据集和寻呼机。除了一个问题外一切都很好:寻呼机项目的宽度是固定的,所以大数字(例如 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
});
似乎没有任何 "native" 解决方案。注入的寻呼机容器宽度设置为 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
)上,没有 "secret" 分页相关方法,也没有您可以操作的文字。
我有一个 Webix 数据表,其中包含一个巨大的数据集和寻呼机。除了一个问题外一切都很好:寻呼机项目的宽度是固定的,所以大数字(例如 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
});
似乎没有任何 "native" 解决方案。注入的寻呼机容器宽度设置为 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
)上,没有 "secret" 分页相关方法,也没有您可以操作的文字。