同之前介绍过的表格一样,在很多情况下,集合视图(collectionView)里的数据不是一开始就准备好的、或者固定不变的。可能我们需要先向服务器请求数据,再将获取到的内容显示在集合视图中。 要重新加载集合视图数据,过去的做法就是调用 collectionView 的 reloadData() 方法......
在之前的样例中,我们都是在 html 页面里的 thead 标签中配置表格列。 其实也可以在初始化 DataTables 时,直接通过 columns 属性来配置列。而且该属性还提供更加丰富的功能。 一、每一列单独设置 1,基本用法 假设要显示如下表格: (1)如果表格数据类型为数组可以这么配置......
二、RxDataSources 1,准备工作 首先是 RxDataSources 的安装配置,这个我在之前关于 UITableView 文章中已经讲过(点击下方链接查看),这里就不再重复说明了。 2,单分区的 CollectionView (1)假设我们要实现如下效果: (2)首先自定义一个单元格类......
十九、列头合并 DataTables 可以在 thead 标签中同时配置多个 tr 实现多重列头。而且 DataTables 也支持列头的合并,只需通过 colspan 和 rowspan 属性设置要跨越的列数与行数......
十八、行选择功能 1,选择单行 (1)效果图 如果点击的是未选中行,该行背景变成蓝色,表示被选中。如果之前已有其他选中的行,之前行则取消选中(蓝色背景消失) 如果点击的是已选中行,则该行取消选中(蓝色背景消失)。 点击最下方的删除按钮可以将当前选中行删除......
一、UICollectionView 的基本用法 1,单个分区的集合视图 (1)首先自定义一个单元格类: (2)主视图控制器代码如下: 2,单元格选中事件响应 (1)当我们点击某个单元格时将其索引位置,以及对应的标题打印出来。 (2)如果业务代码直接放在响应方法内部,可以这么写......
十二、常用样式的修改 1,表格头部、尾部的边框样式 2,数据行边框样式 3,单元格边框样式 4,数据行背景色 5,鼠标悬停行高亮 6,鼠标悬停单元格样式 十三、紧凑型表格 (1)默认情况下行与行间,单元格与单元格之间的间距都是比较大的。 (2)下面通过样式设置让表格更加紧凑......
十、相关样式的修改 有时我们可能需要调整 tableView 单元格的高度、或者修改 section 头尾视图样式等等。虽然 RxSwift 没有封装相关的方法......
十、表格 DOM 元素位置介绍 (1)默认情况下 DataTables 生成的表格中各个元素组件的位置如下: 最上方是选择每页显示数量的下拉框,以及数据搜索框。 中间是表格内容主体。 最下方是摘要信息,以及翻页按钮。 (2)查看源代码可以看到各个元素的位置结构如下......
在之前的文章中,同一个 tableView 里的单元格类型都是一样的。但有时我们需要在一个 tableView 里显示多种类型的数据,这就要求 tableView 可以根据当前行的数据自动使用不同类型的 cell。下面通过样例演示这个功能如何实现。 九、同一个 tableView 中使用不同类型的 cell......