Table-Column 表格列

表格组件的列元素。

代码演示

基础用法

通过prop设置表格该列的对应字段，并通过label设置表格该列的标题。

<hd-table-column prop="name" label="姓名"></hd-table-column>
<hd-table-column prop="school" label="求学之所"></hd-table-column>
<hd-table-column prop="major" label="专业"></hd-table-column>

列宽度

通过width设置表格该列的列宽度。

<hd-table-column prop="name" label="姓名" :width="90"></hd-table-column>

是否固定列

通过fixed设置表格该列是否固定，默认为false(不固定)，且只支持钉钉固定在左侧。

<hd-table-column prop="name" label="姓名" :fixed="true"></hd-table-column>
<hd-table-column prop="school" label="求学之所"></hd-table-column>
<hd-table-column prop="major" label="专业"></hd-table-column>

列排序

通过sortable设置表格该列是否参与排序，默认为false(不排序)。

<hd-table-column prop="name" label="姓名" :sortable="true"></hd-table-column>
<hd-table-column prop="school" label="求学之所" :sortable="true"></hd-table-column>
<hd-table-column prop="major" label="专业"></hd-table-column>

Props

Name	Description	Type	Required	Default
prop	列对应字段	String	false	-
label	列标题	String	false	-
width	列宽度	String	false	-
fixed	列是否固定	Boolean	false	false
sortable	是否开启列排序	Boolean	false	false