Pārlūkot izejas kodu

修改表格数据项宽度

zhaoke 1 gadu atpakaļ
vecāks
revīzija
44096ee886
1 mainītis faili ar 2 papildinājumiem un 2 dzēšanām
  1. 2 2
      src/components/SimpleTable/index.vue

+ 2 - 2
src/components/SimpleTable/index.vue

@@ -3,8 +3,8 @@
     <el-table ref="table" v-el-table-infinite-scroll="load" :data="dealedTableData" :header-cell-class-name="headerCellClass" :row-class-name="rowClass" :cell-class-name="cellClass" :span-method="tableSpanMethod" :show-summary="showSummary" :summary-method="tableSummaryMethod" :height="height" stripe fit border @select="handleSelectionChange" @cell-click="cellClickHandler">
       <el-table-column v-if="selected" type="selection" width="55">
       </el-table-column>
-      <el-table-column v-for="col in filteredTableCols" :key="col.pagecode" :prop="col.pagecode" :label="col.pagename" :width="col.displaywidth" :show-overflow-tooltip="showOverflowTooltip" :formatter="tableFormatter">
-        <el-table-column v-for="colItem in col.children" :key="colItem.pagecode" :prop="colItem.pagecode" :label="colItem.pagename" :width="colItem.displaywidth" :show-overflow-tooltip="showOverflowTooltip" :formatter="tableFormatter">
+      <el-table-column v-for="col in filteredTableCols" :key="col.pagecode" :prop="col.pagecode" :label="col.pagename" :width="col.displaywidth+'px'" :show-overflow-tooltip="showOverflowTooltip" :formatter="tableFormatter">
+        <el-table-column v-for="colItem in col.children" :key="colItem.pagecode" :prop="colItem.pagecode" :label="colItem.pagename" :width="colItem.displaywidth+'px'" :show-overflow-tooltip="showOverflowTooltip" :formatter="tableFormatter">
           <template #header>
             <el-tooltip :content="colItem.pagedescribe || colItem.pagename" placement="top">
               <TableHeaderCell :label="colItem.pagename" :filter-options="tableDataFilters[colItem.pagecode]" :filter-values.sync="filterValues[col.pagecode]" filter-style="arrow" :sortable="!!colItem.enablesort" :sort-rule.sync="tableDataSortRules[colItem.pagecode]" />