el table 自定義表頭 下拉框或標籤)

2021-09-25 09:45:56 字數 1161 閱讀 9694

在做檔案上傳之後,回顯的時候,**的標題需要用下拉框做自定義對映。

效果如下:

第一步: 在 需要下拉框的 el-table-comlum 中新增:render-header="modelrenderlastheader"

border

ref=

"filetable"

class

="table-reset"

align

="center"

style

="margin-bottom

: 20px;

" :data

="cellsdatalistfive"

>

v-for

="(item, index, key) in cellsdatatitle"

width

="150px"

:key

="index"

:prop

="index"

:label

="item"

:render-header

="modelrenderlastheader"

>

el-table-column

>

el-table

>

第二步: 寫 modelrenderlastheader 函式,接收兩個個值,第二個值為乙個物件

// 彈窗自定義表頭函式

modelrenderlastheader

(h,),[

// 新增span 標籤,放展示內容h(

'span',}

,column.label)

,// 新增el-select 標籤h(

'el-select',}

, props:}}

,[//給當前 el-select 設定 el-option

titlelist.

map(item=>})

})])])}

el table 自定義表頭輸入框異常

先說答案 slot scope scope 必須寫,不然出問題。問題是在這樣的,我在elementui官網查閱 資料的時候,看到 的表頭可以自定義,於是我就想和官網一樣,在操作欄新增乙個搜尋的輸入框,用來搜尋表中的內容。下面是官網的例子 然後我就把示例 搬了過去,因為搜尋的時候用不到slot sco...

jqGrid之自定義下拉框

目的 使用者表中的負責人,做成下拉框模式,下拉框的選項為負責人中的資料。1.首先js獲取負責人資料 陣列格式 var g ary var g fpid null function sys listbackuserajaxpcfor success function data 設定下拉選項 forma...

Vue elementUI下拉框自定義顏色選擇器

二 父元件使用步驟 話不多說,直接上 ref colorselect placeholder v model mycolor style width 100 change handlechange v for item in colorlist key item label value item v...