Skip to main content

修饰

修饰是指对页面上的元素进行一些“装饰”，让用户能够直觉的感受到这些元素的含义，起到画龙点睛的效果。

表格​

行禁用修饰​

在表格中，给 TableRow 设置 disabled 属性，行将显示为灰色，并且不能交互，例如下面的代码:

<Table>
    <TableBody>
        <TableRow disabled>
            <TableCell>a</TableCell>
        </TableRow>
    </TableBody>
</Table>

注意禁用后将不能交互，如果行内有交互元素，比如一个按钮，那么这个按钮也不能交互了， 如果需要保持某列可以交互，需要加上 action 类名，如下：

<TableRow disabled>
    <TableCell className='action'>
        <Button>按钮</Button>
    </TableCell>
</TableRow>

行删除修饰​

在表格中，给 TableRow 设置 deleted 属性 为 'true'，行将显示一条删除线，并且不能交互， 例如下面的代码:

<Table>
    <TableBody>
        <TableRow deleted='true'>
            <TableCell>a</TableCell>
        </TableRow>
    </TableBody>
</Table>

注意，必须设置为字符串 true，而不是 bool true，原因这里不做解释，记住就行了。

注意删除后将不能交互，如果行内有交互元素，比如一个按钮，那么这个按钮也不能交互了， 如果需要保持某列可以交互，需要加上 action 类名，参考上面行禁用修饰中的说明。