表格设计——四种表格编辑方式
在 B 端产品中，总是避免不了处理大量数据的场景，表格则是呈现这些数据的很好的载体。表格需要完成的重要任务之一就是编辑数据，而不同的情景下，编辑操作的方式也是不同的。
一、行内编辑
行内编辑即在表格单元格内编辑，不需跳转画面，行内编辑又分为直接编辑和开启编辑模式后再编辑。
1. 直接编辑
直接编辑就是打开表格即可编辑，这是一种最方便快捷的编辑方式，保持了输入的连贯性，便于连续编辑多行内容。
但也因为这种方式能非常轻易地修改内容，所以需要考虑用户反悔的情况，考虑如何撤销修改。还需注意区分哪些单元格是可编辑的，哪些是不可编辑的。
2. 开启编辑模式后再编辑
这种方式比直接编辑会多一个步骤，通常是使用按钮来开启编辑模式，开启后才可以在表格中操作。这种方式的好处是可以避免误操作，适用于数据较重要，需谨慎修改的情况。
编辑模式的开启方式有两种：全局开启和单行开启。
全局开启
全局开启通常是在整个表格外设置一个编辑按钮，点击后整个表格都处于可编辑状态。
单行开启
单行开启则是在每一行都设置编辑按钮，需要编辑哪一行就开启哪一行。
有时为了保持视觉上的简洁，会在鼠标悬停到该行时才显示这个按钮，或者将编辑功能折叠在最后一列的菜单里。
二、弹窗编辑
对于内容多而复杂的表格，适合用弹窗编辑，弹窗编辑也有两种情况：模态弹窗和非模态弹窗。
弹窗的共同特点是空间大，可以同时支持文本框、下拉菜单、图片等丰富的输入方式。
1. 模态弹窗
在模态弹窗中，用户无法引用或复制弹窗外的内容，且必须完成弹窗内的任务或主动关闭弹窗后才能够继续操作下一项，所以更适用于需要专注地编辑当前项的情况。
2. 非模态弹窗/抽屉
非模态弹窗或非模态抽屉下是没有黑色遮罩的，用户在编辑时还能查看表格中的内容。
总之，不同编辑方式各有各的优缺点，设计时还需根据使用需求来选择合适的方式。
订阅： 本站所有内容首发于 tangweijuan.com，同步更新于微信公众号"Afterwork Time"，欢迎扫描下方二维码订阅。
