当前位置:网站首页>Render header usage of El table
Render header usage of El table
2022-07-02 02:45:00 【One plus one is not two】
el-table,:render-header
<template>
<el-table :data="tabledata" style="width: 100%" border>
<el-table-column prop="oldOrderBy" label=" Sort " :render-header="renderHeader">
</el-table-column>
<el-table-column prop="productName" label=" The product name "></el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tabledata: [],
isDragon:true
};
},
created() {
this.getTableData()
},
methods: {
renderHeader(h, { column }) {
return h('span', { style: { padding: '0' } },
[
h('span', { style: { paddingRight: '3px' } }, column.label),
h('a', {
style: { color: '#008AE1', fontSize: '12px' },
on: { click: () => { this.isDragon = false } },
props: { content: column.label },
}, ' edit ')
]
)
},
getTableData() {
this.tabledata = [{oldOrderBy:1,productName:' Product 1 '},
{oldOrderBy:2,productName:' Product 2 '}];
},
}
};
</script>
边栏推荐
- Use usedeferredvalue for asynchronous rendering
- Set status bar color
- es面試題
- What kind of good and cost-effective Bluetooth sports headset to buy
- Coordinatorlayout + tablayout + viewpager2 (there is another recyclerview nested inside), and the sliding conflict of recyclerview is solved
- Ten minutes will take you in-depth understanding of multithreading - multithreaded teamwork: synchronous control
- [staff] diacritical mark (ascending sign | descending sign B | double ascending sign x | double descending sign BB)
- The number one malware in January 2022: lokibot returned to the list, and emotet returned to the top
- 【做题打卡】集成每日5题分享(第二期)
- 使用开源项目【Banner】实现轮播图效果(带小圆点)
猜你喜欢
JVM面试篇
MongoDB非關系型數據庫
Feature query of hypergraph iserver rest Service
使用 useDeferredValue 进行异步渲染
MySQL operates the database through the CMD command line, and the image cannot be found during the real machine debugging of fluent
[staff] the direction of the symbol stem and the connecting line (the symbol stem faces | the symbol stem below the third line faces upward | the symbol stem above the third line faces downward | the
[learn C and fly] 1day Chapter 2 (exercise 2.2 find the temperature of Fahrenheit corresponding to 100 ° f)
Leetcode question brushing (10) - sequential question brushing 46 to 50
Is bone conduction earphone better than traditional earphones? The sound production principle of bone conduction earphones is popular science
研发中台拆分过程的一些心得总结
随机推荐
es面試題
As a software testing engineer, will you choose the bank post? Laolao bank test post
Software development life cycle -- waterfall model
STM32F103 - two circuit PWM control motor
[pit] how to understand "parameter fishing"
query词权重, 搜索词权重计算
oracle创建只读权限的用户简单四步走
[learn C and fly] 4day Chapter 2 program in C language (exercise 2.5 generate power table and factorial table
Leetcode face T10 (1-9) array, ByteDance interview sharing
how to add one row in the dataframe?
[staff] pitch representation (treble clef | C3 60 ~ B3 71 pitch representation | C4 72 pitch representation | C5 84 pitch representation)
New programmer magazine | Li Penghui talks about open source cloud native message flow system
LFM信号加噪、时频分析、滤波
Kibana操控ES
How to create an instance of the control defined in SAP ui5 XML view at runtime?
2022-2028 global nano abrasive industry research and trend analysis report
trading
Remote connection to MySQL under windows and Linux system
SAP ui5 beginner tutorial 19 - SAP ui5 data types and complex data binding
How to batch add background and transition effects to videos?