3种行文本位置切换

基础用法

位置属性说明
表头:header_cell_style{'text-align':'center'}center:居中、left居左、right居右
行数据居中:cell_style{'text-align':'center'}center:居中、left居左、right居右
表尾居中:summary_cell_style'center'center:居中、left居左、right居右

示例如下:


<yui-table
    :rowData="rowData数据对象"
    :headerData="headerData数据对象"
    :controlAtrr="controlAtrr数据对象"
    :header_cell_style="{'text-align':'left'}"
    :cell_style="{'text-align':'center'}"
    :summary_cell_style="'right'"
>
</yui-table>

效果

列头居左,行数据居中,尾行数据居右 图片row_position

注意事项

“:header_cell_style” 和 “:cell_style”可根据实际情况传入css 样式自定义样式调整

“:summary_cell_style”:仅可控制位置

Last Updated:
Contributors: wangyifan