table表格固定列、居左、中、右显示
[vue3代码]写在生成的[表.vue]文件中,[vue2代码]写在[表.jsx]文件methods方法中;二选一实现
vue3代码
//生成对象属性初始化
const onInited = () => {
gridRef.columns.forEach(x=>{
//设置title列固定
if (x.field=='字段') {
//固定列
x.fixed=true//也可以设置为right,固定到最右边
// x.align="center"//设置文本居中
// x.align="right"//设置文本居右
//其他的也可以自定义样式或者显示,上面搜索formatter
}
})
//明细表设置列固定,同上
//gridRef.detailOptions.columns.forEach()
}
vue2 代码
onInited() {
this.columns.forEach(x=>{
//设置title列固定
if (x.field=='字段') {
x.fixed=true//也可以设置为right,固定到最右边
// x.align="center"//设置文本居中
// x.align="right"//设置文本居右
//其他的也可以自定义样式或者显示,上面搜索formatter
}
})
//明细表设置列固定,同上
//this.detailOptions.columns.forEach()
}