为表格设置样式
开发吐槽原型说明不清晰，领导催促原型要快细节再说，真是夹缝中生存的产品。今天教大家一个方法，既快又全。文末提供模板，可直接用
对提前准备原型规范&说明模板不明白的朋友，可以先查看《如何解决原型说明写不全？》
===强烈建议【关注】或不迷路===
本期组件：表格-表头设置
组件概述：用于设置表头内容，提升表格可用性及显示灵活性。
注：此设置为个性化设置，需保存在用户账号下。建议在项目初期于需求文档中明确“表头设置”作为用户个性化设置存储，如：
- 需设置的表格：将在原型中通过对应标识说明。
- 表格设置内容：列宽、显示字段、左右侧固定字段、字段顺序、排序方式等
一、约定基础规范
本节主要与研发约定默认实现内容，通过规范文档维护。
1. 基础样式如图中蓝色区域，整个表头及尾部“设置”按钮，为表头设置区域，其中：
2. 基础交互
2.1. 列宽设置
鼠标悬停在表头间隔线上，拖拽可设置左列宽，右列不改变列宽，仅推动右侧位置
注：表格整体宽度超出表格显示区域，则“左右滚动”
2.2. 字段设置
点击表头右侧“设置”按钮，在弹窗中设置。包含字段显示、字段顺序、字段固定左侧/右侧
字段显示：通过复选框设置是否显示，固定字段默认显示，且不可切换
字段顺序：通过拖拽复选框左侧的“拖拽符号”可改变字段顺序
字段固定：通过拖拽，可将“不固定字段”拖拽至“固定”中
- 常驻固定字段，则不可拖拽，如“字段1”
- “操作列”默认固定右侧，因不属于字段，所以不上设置清单
二、约定可控参数
本节主要与研发约定原型中可控制的参数，也通过规范文档维护。文中会提供示例参数，及参数填写说明。
1、设置保存：保存在用户、不保存、保存在浏览器
2、列宽：可设置/不可设置
3、显示字段：可设置/不可设置
- 可设置则字段前有多选框，反之亦然
- 必须显示字段如：编号、名称等，可放置在“固定区”并说明
4、固定字段：可设置/不可设置
- 可设置则划分出“固定区”，反之亦然
- 默认固定左侧，是否还有固定右侧，受“表格说明”影响，详见【基础表格】
- 常驻固定区字段，需列出
5、字段顺序：可设置/不可设置
注：默认列宽、显示字段、固定字段、字段顺序，可在“表格说明”中说明，详见【基础表格】
三、输出说明模板
组件名称前加个“规范”，便于团队识别规范组件；模板可直接写入注释，并存为Axure/墨刀元件库。
组件可在原型中拖拽至表头尾部使用，如：
组件名称：表头设置
设置保存：保存在用户
列宽：可设置
显示字段：可设置
固定字段：可设置，常驻字段如下：
字段顺序：可设置
结语
本系列持续更新，喜欢的朋友请点个【关注】或，您的鼓励是我们持续分享的动力。
本文由 @产品工具库 原创发布于人人都是产品经理。未经许可，禁止转载
题图来自Unsplash，基于 CC0 协议
该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。
","gnid":"90cbdb508abc764b8","img_data":[{"flag":2,"img":[{"desc":"","height":"420","title":"","url":"https://p0.ssl.img.360kuai.com/t01aa3ed7add911b323.jpg","width":"900"},{"desc":"","height":"489","title":"","url":"https://p0.ssl.img.360kuai.com/t01f0c2c7a2b13a68b7.jpg","width":"796"},{"desc":"","height":"596","title":"","url":"https://p0.ssl.img.360kuai.com/t0160e327af0fd38574.jpg","width":"999"},{"desc":"","height":"613","title":"","url":"https://p0.ssl.img.360kuai.com/t015f752d591705d4cc.jpg","width":"516"},{"desc":"","height":"223","title":"","url":"https://p0.ssl.img.360kuai.com/t01e1f347e549dcef84.jpg","width":"850"}]}],"original":0,"pat":"art_src_3,fts0,sts0","powerby":"pika","pub_time":1708394160000,"pure":"","rawurl":"http://zm.news.so.com/cce6988e224ef05d215a8fce7f21d9ff","redirect":0,"rptid":"429e40778c1ab725","rss_ext":[],"s":"t","src":"人人都是产品经理","tag":[],"title":"原型说明咋写-表格：表头设置
鱼砍阀581如何设置在线Excel的表格样式 -
霍详芸15874981513 ______ 操作步骤 利用“格式”工具栏上的快捷按钮,可以快速为Excel数据表格设置数值的特殊格式. 设置货币格式:选中相应的数值区域,单击“格式”工具栏上的“货币样式”按钮,即可为数值添加上货币符号(默认情况下是人民币符号). 注意...
鱼砍阀581word2007中设置好正文样式怎样设置表格样?word2007
霍详芸15874981513 ______ 1. 打开word(以2007为例)【开始】--> 【样式】,打开样式右下角的小箭头,或者alt + shift + ctrl + S,打开全部式样 2. 在全部式样里,选择你要改的类型,点击该类型右边的下拉箭头,选择【修改】 3. 在弹出的修改样式窗口中,点击最下面的【格式】按钮,选择【编号】,在编号里修改成你要的编号样式
鱼砍阀581如何设置表格样式应用位置 -
霍详芸15874981513 ______ 如何设置表格样式应用位置 在“设计”面板的“表格样式选项”选项板中,有6个复选框,选中不同的复选框,表格样式将随之产生变化.在“表格样式选 项”选项板中,6个复选框的含义如下:“标题行”复选框:用来突出显示表格的第一行...
鱼砍阀581如何设置Excel表格中的数据格式 -
霍详芸15874981513 ______ 在EXCEL选中数据后,在单元格格式选项中可以设置Excel表格中的数据格式,具体操作请参照以下步骤. 1、在电脑上打开目标excel文件,在编辑区找到数据所在的表格区域. 2、然后用鼠标框选中要设置数据格式的EXCEL表格区域. 3、接着点击鼠标右键,在右键菜单中找到“设置单元格格式”选项进行点击. 4、进入“设置单元格格式”的对话框后,在数字选项页面按照个人需求选择数据的格式,然后点击确定按钮退出. 5、完成以上设置后,可以发现数据的格式已经变成需要的格式了.
鱼砍阀581怎么用CSS设置html中的表格边框样式 -
霍详芸15874981513 ______ 设置表格的样式可以直接使用css的border样式来设置的.工具原料:编辑器、浏览器1、设置一个表格的外边框为红色,内边框的为黄色,代码如下:<body > <table> <tr> <td>知道</td> <td>知道</td> <td>知道</td> </tr> <tr> <td>知道</td> <td>...
鱼砍阀581如何设置表格的文本样式? -
霍详芸15874981513 ______ 在“设计”面板的“艺术字样式”选项板中,提供了多种表格的样式图案,能够对表格的外观样式、边框、底纹等进行美化. 步骤1:打开上一例效果文件,选择要设置文本样式的表格,如下图所示. 步骤2:切换至“设计”面板,在“艺术字样式”选项板中,单击“快速样式”按钮,然后在弹出的列表框中选择一种样式,如下图所示. 步骤3:执行操作后,即可快速设置表格的文本样式,效果如下图所示.
鱼砍阀581excel表格日期设置 - excel表格日期设置成年/月
霍详芸15874981513 ______ 1. excel表格日期设置成年/月打开Excel,建立空白工作簿.在表格中录入最常用的年/月/日格式的日期数据.新建一列,把原始数据复制过来,用于放置年-月-日格式的日期...
鱼砍阀581AutoCAD2007中的表格样式如何操作?
霍详芸15874981513 ______ 在“表格样式”对话框中,还可以单击“置为当前”按钮,将选中的表格样式设置为当前;单击“修改”按钮,在打开的“修改表格样式”对话框中修改选中的表格样式;单击“删除”按钮,删除选中的表格样式.
鱼砍阀581如何自定义Word2010表格样式? -
霍详芸15874981513 ______ ①打开Word2010,单击表格,然后点击设计选项卡下的其他按钮. ②然后单击新建表样式. ③设置表格名称、样式类型、基准等等. ④选择字体以及颜色. ⑤下面我们可以在其他里面看到我们刚才设置的样式. ⑥使用此样式,最终效果如下图.
鱼砍阀581怎么增加excel内置表格样式 -
霍详芸15874981513 ______ 1、自己创建模版.经常要用的表格,可以在保存的时候将保存类型选为模版;收集到的excel表格也可另存为模版. 2、拷贝朋友、同事的模版到计算机(win7+office2010路径)C:\Users\你的计算机用户名\AppData\Roaming\Microsoft\...