el-table 固定列 在pc端会滑不动

el-table 固定列在PC端会滑不动的问题可能是由于表格宽度设置不当导致的。可以尝试以下方法解决该问题：

1. 设置表格宽度为固定值，例如：width: 1000px;
2. 设置表格的布局方式为fixed，例如：:style="{tableLayout: 'fixed'}"；
3. 设置固定列的宽度，例如：:width="100"；
4. 如果以上方法无效，可以尝试使用第三方插件，例如：fixed-table-header。

相关问题

el-table 固定列样式

回答: 要在el-table中固定列的样式，可以根据以下几种方法进行设置。首先，可以在想要固定的列上加上fixed属性，如果固定的列不是最左边或最右边的，需要将前面的列也加上固定属性，否则只给固定列加上fixed属性是不起作用的。\[1\]另外，你也可以使用封装的表格，在循环出列表的时候，给索引列加上fixed属性，例如使用el-table-column标签，设置width为固定宽度，label为"序号"，type为"index"，align为"center"，并在template中使用scope.$index + 1来显示序号。\[2\]此外，你还可以使用两种方法来设置固定列的样式。一种方法是在el-table中设置cell-style属性，并在method中定义setRowStyle方法，根据row的状态来返回不同的样式，例如设置成功状态为绿色，失败状态为红色。另一种方法是在el-table-column中使用template来根据row的状态来显示不同的内容，并设置不同的样式，例如成功状态为绿色，失败状态为红色。\[3\]
#### 引用[.reference_title]
- *1* *2* [el-table设置指定列固定，不受滚动条影响](https://blog.csdn.net/weixin_49668076/article/details/124769459)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue之el-table某一列设置样式](https://blog.csdn.net/u010520146/article/details/116157081)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]

el-table el-loading

回答:根据引用\[1\]中的代码，el-table-column中的数据被显示在了一个div中。如果页面没有数据显示，可能是因为数据还没有被正确加载或渲染。另外，根据引用\[2\]中的描述，第二列的宽度没有被正确撑开，可能是因为嵌套的el-table-column没有正确计算宽度。这可能是由于浏览器的渲染顺序导致的，数据还没有加载完毕，页面就已经渲染完成。解决这个问题的方法是给前两列的最外层的el-table-column添加fixed属性，这样可以固定前两列。但是根据引用\[3\]中的描述，添加fixed属性后，第二列的宽度可能没有正确展示全部内容。可能需要进一步调整样式或代码来解决这个问题。关于el-table和el-loading的问题，你可以提供更多的信息或代码，以便我能够更好地帮助你解决问题。
#### 引用[.reference_title]
- *1* [web前端-vue element UI el-table，el-table-column表格添加行点击事件](https://blog.csdn.net/MinggeQingchun/article/details/118724678)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [el-table-column嵌套el-table-column ，多级表头横向滚动的bug](https://blog.csdn.net/Min_Fox/article/details/125790890)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]