fix: 修复表格超出边界问题,确保 max-width 100%
This commit is contained in:
@@ -104,8 +104,8 @@
|
|||||||
<el-tag size="large" :type="filterStatus === '待发布' ? 'primary' : ''" @click="filterStatus = '待发布'">待发布 ({{ countByStatus('待发布') }})</el-tag>
|
<el-tag size="large" :type="filterStatus === '待发布' ? 'primary' : ''" @click="filterStatus = '待发布'">待发布 ({{ countByStatus('待发布') }})</el-tag>
|
||||||
<el-tag size="large" :type="filterStatus === '已发布' ? 'primary' : ''" @click="filterStatus = '已发布'">已发布 ({{ countByStatus('已发布') }})</el-tag>
|
<el-tag size="large" :type="filterStatus === '已发布' ? 'primary' : ''" @click="filterStatus = '已发布'">已发布 ({{ countByStatus('已发布') }})</el-tag>
|
||||||
</div>
|
</div>
|
||||||
<div class="card" style="overflow-x: auto;">
|
<div class="card">
|
||||||
<el-table :data="filteredTopics" stripe v-loading="loadingTable" :row-key="topic => topic.id" @selection-change="selectedTopicIds = $event">
|
<el-table :data="filteredTopics" style="width: 100%; max-width: 100%;"> stripe v-loading="loadingTable" :row-key="topic => topic.id" @selection-change="selectedTopicIds = $event">
|
||||||
<el-table-column type="selection" width="55"></el-table-column>
|
<el-table-column type="selection" width="55"></el-table-column>
|
||||||
<el-table-column prop="id" label="ID" width="80" fixed></el-table-column>
|
<el-table-column prop="id" label="ID" width="80" fixed></el-table-column>
|
||||||
<el-table-column prop="title" label="标题" min-width="300"></el-table-column>
|
<el-table-column prop="title" label="标题" min-width="300"></el-table-column>
|
||||||
|
|||||||
Reference in New Issue
Block a user