el-table 实现一行数据被画上一道线 表示不能使用

在Element UI的el-table组件中，如果你想表示某一行数据不可用，通常会通过样式或者状态标记来实现。你可以通过以下几个步骤操作：

1. 首先，在表头中设置一个默认的状态列，例如使用`<el-table-column type="index" label="状态"></el-table-column>`，这个列不会显示具体内容，仅用于标识。

2. 在数据渲染的`row-class-name`属性中，为需要禁用的行添加一个CSS类。例如，如果数据对象有一个名为`disabled`的字段，可以这么写：

   <el-table :data="tableData" :row-class-name="getRowClass">
       ...
   </el-table>

   methods: {
     getRowClass(row) {
       return row.disabled ? 'disable-row' : '';
     }
   },

3. 创建一个新的CSS类，比如`.disable-row`, 并设置它来显示一条线或者特殊的背景色、边框等视觉提示：

   .disable-row {
     background-color: #f5f5f5; /* 或者使用你喜欢的颜色 */
     border-bottom: 1px solid #ccc; /* 添加下划线线效果 */
     cursor: not-allowed; /* 显示无权点击的图标 */
   }

4. 如果需要，你还可以在禁用行旁边添加一些文字说明，告诉用户这一行是不可使用的。