vxe-table表格自定义表头(必填加*)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<vxe-table
          ref="table"
          :show-header-overflow="true"
          :show-overflow="true"
          :data="chooseAttributes"
          border
          :header-cell-style="{ background: '#f2f5ff' }"
          :sortConfig="{ trigger: 'cell' }"
          stripe
          v-loading="loading"
          max-height="396px"
          :row-config="{ isHover: true }"
        >
          <template slot="empty">
            <ele-empty />
          </template>
          <vxe-column
            v-for="(item, index) in columns1"
            :minWidth="item.minWidth"
            :visible="item.visible"
            :resizable="true"
            :key="index"
            :title="item.label"
            :field="item.prop"
            :slots="item.slots"
            :sortable="item.sortable"
            :fixed="item.fixed"
          >
          </vxe-column>
          <vxe-column
            :title="$t('info.newvalue')"
            field="newValues"
            minWidth="140px"
          >
            <template #header>
              {{ $t('info.newvalue') }} <span class="star">*</span>
            </template>
            <template #default="{ row }">
              <template v-if="row.inputTypeId == 3">
                <el-select
                  v-model="row.newValues"
                  :placeholder="$t('info.pleaseSelect')"
                  class="ele-fluid sss"
                  style="width: 380px"
                  filterable
                >
                  <el-option
                    v-for="item in row.optionalList"
                    :key="item.id"
                    :label="item.desc"
                    :value="item.id"
                  />
                </el-select>
              </template>
              <template v-else>
                <el-input
                  v-model="row.newValues"
                  :placeholder="$t('info.pleaseInput')"
                  clearable
                />
              </template>
            </template>
          </vxe-column>
        </vxe-table>

  

posted @   Ao_min  阅读(301)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示