目录

一、图形化界面设计的基本理解

摘要

TableLayoutPanel 在网格中排列内容，提供类似于 HTML <table> 元素的功能。 TableLayoutPanel 控件允许你将控件放在网格布局中，而无需精确指定每个控件的位置。 其单元格排列为行和列，并且这些行和列可具有不同的大小。 可以跨行和列合并单元格。 单元格可以包含窗体所能包含的任何内容，并且在大多数其他方面都可以作为容器使用。

当清晨的阳光轻轻洒在窗台，泡上一杯淡雅的茉莉茶，翻开这篇文章，就像开启一场宁静的知识对话。前端面试中那些让人有些头疼的 HTML 表格属性问题，今天咱们不慌不忙，慢慢梳理，把它们变成面试时的底气，让焦虑随着茶香飘散～

面试题：HTML 中<table>标签有哪些重要属性？在实际开发中如何使用？

一提到 HTML 表格相关问题，不少小伙伴可能会皱起眉头，觉得这些属性又多又容易混淆。别担心，我们把这些属性想象成搭建表格这座 “小房子” 的不同工具，看看它们各自有什么独特作用。

hello，大家好，我是徐小夕。之前和大家分享了很多可视化，零代码和前端工程化的最佳实践，最近在研究在线电子表格的技术实现，发现了几个优质的开源电子表格项目，这里和大家一起分享一下。

往期精彩

jQuery EasyUI最新试用版免费下载>

该easyui的数据网格可以创建列组合，如下所示：

在本实例中，我们使用平面数据来填充数据网格的数据，并把listprice、unitcost、addr1、status列组合在一个单一的列下。

为了创建列组合，您应该定义数据网格插件的columns数据。列的每个元素是定义一组可使用rowspan或colspan属性来进行组合的单元格。

下面的代码实现上面的例子：

树网格可以展示有限空间上附带的多列和复杂数据电子表格。本教程将演示如何将表格数据排列在分割的网格和多行表头中，以便组织共同的数据。

创建树形网格

这节课，我们学习表格的标题，行分组和列分组等有用的标签。

表格标题，顾名思义，就是一个表格的大标题，默认情况下位于表格顶部水平居中位置。

标签名为 caption 译为 说明文字。它是一个双标签，语法为：<caption></caption>) 。标签里面放置标题的文本，它是 table 标签的子标签，一般习惯放置在第一个 tr 标签之前。

树形网格（TreeGrid）可以展示有限空间上带有多列和复杂数据电子表格。本教程将演示如何将表格数据排列在分割的网格和多行表头中，以便组织共同的数据。

创建树形网格（TreeGrid）