elementui 动态table表头
<el-table size="mini" :stripe="false" :header-cell-style="{'background':'#d3e0ff'}" :row-class-name="rowClass" :data="tableData" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 20px"> <template v-for="item in tableHeader"> <el-table-column :fixed="item.key == 'itemNo' || item.key == 'itemName' || item.key == 'amount'" :key="item.key" :label="item.label" align="center"> <template slot-scope="scope"> <span>{{ scope.row[item.key] }}</span> </template> </el-table-column> </template> </el-table>
<script> export default { data() { return { tableHeader:[{ label:'项目编号', key:'itemNo' },......], }; }, } </script>
分类:
vue
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通