4.分页展示效果
当为分页为default可以自定义每页显示的条数
:pagesizeoptions=" [‘50’, ‘100’, ‘150’] "
加在
// 在mounted里面
this.$refs.myGrid.pagermode = "simple";// 默认是 default 为可选多少条展示， simple为展示出来多少个页码。 1 2 3 4 5 ....
3.表头和表格居中
columns： 下的对象加上 {cellsalign: “center”,align: “center”}
columns: [
{
text: "Assembly Start",
datafield: "plannedStartDate",
cellsalign: "center",
align: "center",
}}
]
2. 固定列
columns：下的对象加上 pinned: true,
columns: [
{
text: "Assembly Start",
datafield: "plannedStartDate",
pinned: true,
}}
]
1. 格式化时间
jqx 默认提供api格式化时间需要在 this.source的datafields数组里面的每个对象下定义type为date 然后在columns 里加上 cellsformat: “yyyy-MM-dd”,
columns: [
{
text: "Assembly Start",
datafield: "plannedStartDate",
cellsformat: "yyyy-MM-dd",
}}
]
this.source = {
type: "GET",
datatype: "json",
datafields: [
{
name: "plannedStartDate",
type: "date",
}
]
}