纯 c s s 制作炫酷的 table 切换功能。
粉丝725获赞8700

首先使用 dw 新建 html 文件,然后点击插入表格,根据自己规划选择插入的行和列数量,注意间距, 编剧边框设为零。随后我们在下方的属性面板设置下表格居中,对齐设置好后,在表格中插入图片,网页的头部就做好了。我们再插入异形撕裂的表格设置居中,做一个导航栏, 在每一个单元格中输入导航名称,输入完后全选单元格,在属性面板设置水平居中最齐, 导航栏就做好了。同样的方式插入异形一列居中 在表格中,在这 插入 banner 图片, banner 区域就做好啦。下面我们再使用同样的方法创建图片展示板块, 依次插入展示的图片, 在设置下图片居中,最后再做个底部板块就完成啦。 通过表格布局制作网页是不是很简单呢?

这是使用 h e n o 原声 table 标签实现的一个表格,现在你要给表头设置宽度,如果你直接使用 vit 来设置,会发现并没有效果。其实你可以尝试一下 mit。 若你想固定表头,那你只需要给每个表头加上粘性定位,把 top 设置为零即可。固定的效果 同理,将要把表格最后一列固定到表格外层,盒子最右侧可以继续使用粘性定位,把 i 设置为零, 额外加上一个层级,让表头永远在最顶层。接着将每行的最后一个单元格进行固定,这样就达到右侧固定的效果了。 如果你还想 实现表格每行点击高亮,则需要通 js 表格的每个 tr 标签加上点击事件。在点击表格的当前行时,通过新增一个类名来实现,通过类名实现高量的样式。当然初始化表格时需要给每行添加一个 index 属性, 复上职后通过下标就可以知道典籍的是哪一行了。值得注意的是,新增类名前一定要先把表格每行实现高亮的类名移除,这样就可以达到高亮的效果了。 以上几个效果就是 table 标签的常见需求,但是大概率我们都不需要通过手写来实现,因为现在的框架都会有现成的封装,大家了解即可。本期就到这下期见。


大概这小伙伴的问题啊,他说想给表格的每一行下面加一个进度条的功能,因为是放在每一行的下面,所以我们首先想到的就是用 tr 的这个尾类 after 来实现。 但是啊,我后来发现事情没有想的那么简单,我们先来看一下,为什么啊,我们先来写一个 tr after, 然后呢,先写一个 conton, 一二三吧。好,对, contony 上来了,然后我们把它改成 pos, 一审等于 combattet 等于零,然后薄特么等于零,因为用了 m 四路特嘛,我们还需要把 tr 改成 ready team 自觉睡下马跑最深等于 ready, 然后把这个一二三去掉。我们改一下宽高,我们先把高度改成两相 速,然后宽度呢,我们采用进度百分之五十,比如说加一个背景颜色用,先用红色吧。好,大家看,效果出来了,但是他的 spare 下边是不行的,大家看这个红色的条跑到哪了?跑到最下边来了, 为什么会这样呢?后来我发现原因是在 safari 里边给 tr 设置成 relittle 是不生效的,我在网上呢也找到了这个 bug, 在今年五月份有人提交的,然后下面有一个回复是写的这样的东西,我上网搜了一下,这个就代表着苹果官方已经收录了这个 bug, 所以呢,再回过来我们就不能用这种方案了。所以呢,我们先把这个 relatively 去掉,然后呢,我们啊,先把这个包他们去掉,大看包他们去掉之后,他们 每一行的线的位置是在这一行的最上面,然后他左边的位置跑到了屏幕边缘,那是因为我没有这个 t r 的 relative 了,所以呢,我们把 table 设置成 position relitable, 起码他左边是没问题的, 大概现在只是 top 有问题了,那 top 不能用的话,我们可以用毛巾毛巾套,这个值是多少呢?我们需要看一下这个 tr 有多高,现在是二十二点三,我们减去两箱素,我们设置成二十 大,看这样效果就出来了。但是呢,这个毛巾 top 不能写死,因为他这行里边有可能被撑高了,所以呢,这个毛巾 top 需要是动态的,那怎么能让这个纸是动态的呢?这个就有难度了,因为现在是用尾类来实现的,我们用这 s 也很难修改到这个尾类的样式。不过呢,我们之前有一期视频也提到了,就是用变量,我们在这先引用一个变量,假设他已经存在了,我们就叫肉 hate。 然后这个变量在哪设置的呢?就在这儿,每一行上我们可以给他 style, 然后揉嘿,我们先给他写四二十 px, 打开第一行他已经就可以了。后边两行我们先不管他,这样就说明这么用没问题,那就涉及到了这个值,怎么让他是动态的,我们就要监听这个表格的尺寸的变化,然后呢,动态来设置这个变量, 那怎么来监听表格尺寸的变化呢?给大家分享一个内裤,就是这个,那我现在呢,已经引入来了哈,我先把这个代码复制 试一下,这个是他使用方法,在下边写一个 script, 然后把这个粘过来,这块来写我们要坚定的元素。我们现在这个地方是 matibo, 然后里边他用了循环,因为他这可以坚定多个,所以他这里边 可能会接收到多个,我们现在只坚定了一个,就不用循环了,直接通过 n 区也是零。 然后点他里头来拿到这个 table 元素 constattable, 然后呢,我们来设置它里边 tr 的实际高度就行了。 table 点,我们先找到那些 tr, croary selector tr, 那便利 row hate 等于 offside hate。 好,我们先来看一下效果, 大家看他每一行都有一个二十二,然后呢,我把他撑高,为了让他撑高呢,我给这个推宝加一个可编辑的属性处。好,大家看,我一回车,这就变了,现在是四十一,再回车五十九, 然后这个线也没问题,只是呢,这个线我需要再剪一下,现在麻金套吧,是整个肉黑的,我们再加一个计算,肉黑的减去两项素,这个两项素就是他自身的线的高度,他看这样就没问题了。然后呢,换行, 这样就是自动的了。好,那接下来还有一个问题,就是这个线的百分比的问题,也不能写死,其实也是一样的套理,我们在这啊,假设它有一个变量叫 vr process 歪柳,然后呢,这个值呢,我们就在每一行上来写声明就行了,具体的话到时候用代码来控制就行了。 process 歪柳,比如说百分之三十 打开,现在只有第一行有进度,然后呢,我们在这改一下,看一下效果, 打开这个可以了,现在没有动画,我们再加一动画传三审等于 yes, 然后呢,零点五秒,你得要的。好,我们再来试一下,现在是三十九十,打开 十。好,这样就可以了。我们再来看一下 spare 浏览器,刷新一下打开也没问题,换行也没问题。 好,有了这个思路呢,我们就可以封装组件了。因为我对这个艾利曼的 plus 不是很熟,所以我拿艾利曼的二点零来封装了这个组件,大家看, 包括我们可以隐藏他的进度显示,然后呢,这是他的动画效果。 那由于时间和篇幅的原因哈,关于这个组件的封装,我们下期视频继续分享。

好啊,接下来呢,咱们给大家去说一说我们表格里边的各种各样的相关属性,首先呢,我们形容一下我们胎宝的属性, 我们看一下啊,胎宝呢,他有什么样的一个属性啊?胎宝的属性, 那么他有啥呢?他们的边框谁拨的啊?边框拨的,只是这里来看一下啊,我们去创建一个表格,比如说我们的 table 啊,然后呢,我给他来个啥呀?嗯, t r, 然后乘以个三,三行啊,然后 td 呢,我们去乘以个嗯,四吧,三行四列啊,然后每个里 边呢,比如说咱写上谁啊?嗯,写上点内容啊,嗯,哎,六列是吧?三行六列啊,然后一个表格那么好保存啊,这时候呢,咱看一下啊,我们说啊,如果没有写 bo 的,你是看不到这个表格的那个边框的,对不对? 再说啊,这个包的啊,边框的一个属性啊,都会让他唯一,那么是这个样子的全刷新啊,然后接下来咱们再往下看,咱说呀, 如果表哥没有设置宽度和高度,那么他将是内容分开的啊,内容分开的在这里边呢,我们这个内容啊,几乎是可以跟我们这个边框区顶着的,对不对?看了吧, 啊,在这里我们可以去设置一个啥呢?设置一个这个啊,内容和边框之间的距离 是谁呢?是我们的 c, e, l, l, p, a, d, d, n, g, r, c, o, 判定内容和边框之间的距离。 c, e, l, l p, a, d, d, n, g。 都说我让他为十,那么好,这时候呢,咱看一下啊,这个表格会被撑大,因为啥呀?他内容距离上下左右都会有十个像素,那么肯定就会被撑大了,其实这里面他啊, 然后接下来咱们再看,咱们说单元格与单元格之间呢,是会存在这样的一定的空隙的,对吧?那这个空隙呢,咱们怎么去掉啊?对吧?单元格 与单元格之间的空隙啊,是啥呢?是 c e l l 啊? s p a c n g 啊,是他,那我给他写成零,那么好就没有了。 c m l s t c m g, 我让他为零啊,让他为零好保存,那么这个时候单元格与单元格之间的空隙就没有了,只是他啊,然后接下来我们再看啊,那咱们 表哥呀,我能不能手动的去设置到宽度和高度呢?不用内容撑开,这个可以吗?可以啊,行,宽度啊,是啥呢?这么的 yes, 你可以去设置,都说 yes, 我让他吃多少呢?我让他吃 三百啊,三百,然后保存,那么这个时候咱看一眼,我们的宽度是不是在变宽呢啊?或者是咱们多写点,写六百吧啊,写成六百,然后保存,那么接下来我去刷新,你看是不是变更宽了啊?这是这里边 啊,啊,然后呢,咱们再看啊,有宽度就会有你的高度,对吧?然后高度是谁呢?是我们的 hat 啊,他,然后接下来我们看一下 h e i j t 高度啊,我让他是三百吧, 那然后是三百,然后看一眼,我去刷新,是不是高度也在发生改变呢?这时这里边他啊, 然后接下来呢,咱们再看一下啊,咱们再给大家来一个这个表格,就说哪个没叉给他分开,是吧?然后呢? k 爆啊,来个 t r 去乘以个三啊, 然后呢?还是一样的 td 啊,我去乘以一个加乘以一个六啊,去乘以个六,然后在这里边的话咱看一眼,咱说现在呢,应该是看不到这个表格的,对吧? 那怎么才能看到呢?咱给他加上边框,对吧?包大二咖啡一,然后保存。那这时候呢是很小的,因为没有设置宽高,是通过内容撑开的,对不对?那好啊,我给他去设置宽高,咱看一下啊,宽度我让他是这样六百 啊,然后高度呢?我让他施三百让他施三百啊,然后保存。那你看一眼,我们去刷新,他是不是会平均分的啊?十平均分的啊,这十这里边。那大家注意一下这里啊, 默认注意啊, 默认情况下啊?谁啊?评分 好啊?合力,这应该是默认情况下,我们这个宽度和高度 和高度十平分的啊,十平分的。那么如果呀,我们给一个里边去写上内容了,但是其他里边没写,你看一下啊,这书呢就不是平分的了,看了吗? 啊,大家注意下这啊,那如果一旦有一个里边有,其他里边没有,可能就是不平分的啊,一旦一个里面有啊,然后其他 没有啊,就不是这样评分啊,就不是评分。其实这里边那么如果里面的内容相同啊,相同还是这样评分啊,还是我们的评分, 那上面咱这个内容是不是相同的啊?你们说不内容不同啊,这边里头嘛,一啊什么二啊什么之类的,但是我们里边的字符是不是相同的啊?这十这里边啊,他 我们指的是里边的内容的这个内容的字符吧啊相同还是平分的啊?这是这里, 然后接下来咱们再看我们的 table 啊,还可以设置什么属性呢?还可以设置我们这个叫 dj 卡拉啊,那么这是啥呢?是我们的背景颜色啊,咱看一眼啊,我们去刷新,在这里边 dj 卡拉,我们写了一个呀, bj 啊,对,我写了这笔,是吧, bj 开了,然后保存啊,那么他应该是我们的背景颜色刷新在这呢,看了吗?我们要 的颜色啊,嗯,背景颜色是谁呢? bj 卡拉啊,他,然后还有呢,就是边框颜色是包的卡拉啊,包的卡拉, 然后看一下啊,在这里边,别忘了第二波呢,卡了啊,让他等于谁啊,比如说等于我们的 blue 不录蓝色吧,然后看一下,我去刷新,在这呢看啊,边框的颜色啊,边框的颜色,然后接下来我们再有他还有什么属性啊? 表格,表格的水平对齐方式啊,谁呢?我来啊,他有这么几个,值啥呢?哎呀啊,这几个值 lap 三套,还有就是 read 啊,这 是指整个表格在我们页面中的一个对齐方式,到时候给他写个阿兰啊,默认呢,是我们的 lap, 那么咱们看不到 shint, 还有就是我们的 rats 啊,咱给这个呢写个 l r, 真,我让他等于 rat, 然后保存 保存看一下啊,我们去刷新,这个在中间,这个在最右边啊,默认不写就是最左边啊,大家注意一下他啊,这是默认纸, 默认纸,这是我们黑豹的相关属性,大家一定要注意啊,边框的时候是 bode, 然后内容和边框之间的距离呢?是撒,有判定啊,单元格与单元格之间的间隙的话是撒奥斯盘形啊,然后宽度 vs 高度,海涛 背景颜色比这卡了,以及边框颜色不得卡了,还有就是水平对齐方式,好了,这是咱们的黑豹相关的属性。

这节课讲表格, html 中的表格是用 table 标签来表示的, t 二是表示表格的行, td 标签是表示单元格。先看个简单两行两列表格, 第二行 看下运行结果,这就是简单的两行两列。给他加个边框包的属性是表示边框, td 和 th 都是单元格, th 表示标题, th 的文字加粗了 啊。 t hat 表示表头, t body 是表体, t ford 是表尾气包。 d 和 t for 级一定在 t head 的后面, t for 级一定在 t body 后面。 属性 vis 和 hat 分别是指定宽度和高度。 第一行七二加个高度, td 加个宽度, 再给七弟加个高度。 t 二也可以加高度 属性的。 line 是指定对齐方式, table 的对齐是整个表格在页面中的左右位置,常用左 left 中 center you light, td 的 airline 属性是指定文字的对齐方式,常用左 left, go center you right。

大家好,我是米可爱分享,在上一期视频中,我们介绍了 pores 中的集合,今天我们主要介绍 pores 的另一个定向 table, 主要涉及到视频中央的关于 table 的一些操作,以及一些 table 的定义。接下来我们具体来看一下。 首先大家看到我这边已经建好了一个 pos 画布的一个 squeen 界面,如果你还没有建的话可以先建一下,然后我添加了一系列的按钮,接下来我们就逐个介绍一下这些按钮的功能。当然在这之前我们可以先来看一下一个 table 的定义。 首先大家可以看到图片中央这其实就是我们一个常规的 table, 它包含 column, 而第一行就常规说我们的 column name, 然后 record 就 说我们下面的每一条记录有点类似于我们 excel 中的行,而每一个 field 就代表的是我们的一个具体的值,比如说这个 field 多啦四点九五就代表的是我们 price, 第二行的值是四点九五, 就说我们一个 table, 主要涉及到我们就是 colonry 考的一些废料的这三个对象。接下来我们来看一下具体的一个操作。 首先我们来看到我们第一步我们要有个 table, 那么我们肯定第一步要创建一个 table, 创建一个 table 大家可以看到是以 table 开头,然后中间 接括号,下面是接每一条 record, 就是每一个花括号里面是一条记录,每大家记住每一个花括号里是几这条记录,那我们这边就是有两条记录,第一条记录 是姓名张三,年龄二十。第二条记录就是姓名李四,年龄二十一。为了方便演示,我们把它放到了一个 uzis 的集合,当然我这边也通过一个 dele tobo 这么一个空间将它绑定到了这边, 那么我们可以先点击运行一下,点击创建贴网,大家看到这边的数据是有的,就说我们唱常规, 这边想要看一个贴布,那么你要绑定到一个贴布空间,或者说跟我一样放到一个可量性死里面集合,那么你要看集合就点击可量性,然后这边有个 uzi, 大家就能看到这边是一个集合的数据,而后续我们 所有的演示都是用可量性的方式这样来显示,而不是说通过 detable, 毕竟 detable 空间放太多的并不是很合适。那么首先 创建一个贴布,大家看到了我们这边就是直接贴布,加后面的一串记录就得到我们的一个贴布对象。然后我们第二步是对,大家看到我们这边 u 袋子是我们的一个贴布,那么我们第二个按钮实现的是给 table 添加力,呃,第二第二个需求是过滤, 因为我们正常情况下很多时候都是要过滤贴布的,那么我们可以来看一下这边主要涉及到的是一个 fit 的功能, fit 接一个,大家可以看到是接一个 sauce, 而我们 table 是一个 sauce, 然后接一个判断条件,那么我们的姓名就是张三,过滤这么一个 table, 然后我们把这个天过滤后的食物纸放到我们 fusiu, 在这个可量性里面添加列,就说我们比如说一开始我只定义了姓名和年龄两列,那么我 希望再加一个收入这么一列,那么就是 at the clams, at the clams 大家跟我们一起来看一下,第一个参数是接集合,第二个是接 item, 就是具体你要加的是 column name, 第一个是 sauce, 第二个是 column name, 第三个就说你这个表达是 experience 呢,我们这边是直接是一百的函数值,那么如果说你比方说你有两个列,一个收入一个支出,那么你就可以加,第三个列代表的是余额,就可以用收入 column 剪支出, column 就能,这边就可以放在这边 nice pery 型,那么就能得脱你的一个余额链,这是一个 idolums 功能,然后 下面一个是显示贴薄列,就是说我们是可以修,大家来看一下定义,修 carms, 接收一个 table, 然后接受一个 come, 表示的是,比如说我们现在这边有两个列,那么我只想显示姓名,那么他就会只返回你姓名这一列的数据,而其他列没有在这边列举的,那就不,那就会被移除。 但是大家注意一下,我这边所有的操作都只是创建了一个机对象,新的对象并不会改变我原有的悠哉的这么一个内容。 下面一个是删除贴薄类,那么是一样 job clums 接收一个 soul 数据集合,然后接收一个 colum name, 显示和删除以及添加,这三个大家一起对应起来理解就可以了。然后重命名,大家可以看到瑞尼 m 克拉姆斯,这是第一个是你要瑞尼 m 的元骚斯,第二个是原来的克拉姆联名字, 第三个参数是你星空那么的连字,那么最后一个就我们不得不说我们关于 uzi 的一个操作就是更新数据,比如说我们这边的需求是想要更新 uzi 而死 姓名为张三的时候,就第一条记录,姓名为张三的时候把它年量改成二十五,这个相信是在大家更新操作表的时候最常用的一条,有功能了,大家看一下。首先我们通过 feel 特 接元 soft 今天判断条件,要找到我们要更新哪条记录,就是这样,然后通过 first, 因为我们可能查出多条记录,我们这边的话是只更新第一条记录,如果你有多条记录要同时更新,那么要你要通过 for 一起或者 片起这样的方式来进行更新,后面的我可以我们可以介绍。然后片起这边大家可以看到,一是接受 你要更新的,更新的原始的 souse, 那我们就是我们的 uzis。 然后第二个就是说是哪条记录,那么我们是通过啊姓名张三这么判断的是哪条记录,然后更新,那么我们只更新年龄,就是通过花和号年龄冒号二十五这么进行更新,最终更新完之后 再把它放到我们 apple 贴吧框那么死这个里面去,那么我们一起执行一下。依次点击, 大家可以看到更新 table 的时候,大家会看到我们这边的姓名是更新了,那么关于前几步的值,我们可以通过可量信息大家依次来看一下,比如说这边 是我们的原始的,因为我们通过 update column 死了,所以这边年龄是二十五,那么艾特 column 大家就可以看到这边加了一个收入列 filter, 就只有张三修 colums, 那么只显示了姓名叫吧,就那么移除了我们开始的收入列,然后 updatecoms death, 大家就可以看到我这边返回的是二十五的年龄,因为我只更新了二十五。 如果你对 paraps 感兴趣,欢迎关注米可爱分享,搜索 paraps 或者 parts 教程,就能看到我们详细的需求分析,代码,视力以及最终的史视频讲解,欢迎大家点赞收藏关注。

如果一二胎宝同时使用这种固定链和展开,行的时候,大家看被展开的区域在滚动的时候就会被截断, 那今天呢,就给大家分享一个用纯 css 来解决的思路。只是呢,他有一点不完美的地方,就是被展开的这块区域就只能是一个固定高度了,这个高度值你可以设置,只是呢,他不能动态的被撑高或者缩小了。 我们首先啊,需要让这一块展开的区域用这个阿布斯路塔来脱离目前的门挡流,目的呢,就是让他不受这个滚动的影响。 脱离之后呢,我们把它毛定在 e r type 这个组件的最外层的那个容器上,这样的话里边的 table 这么滚动他就不动了,那我们怎么做呢?让他毛钉在最外层, 在这个伊尔推爆的容器里边呢,因为它中间还有很多层级的盗墓结构,所以呢,这就要用到子爵副相了,我们呀,要把中间的这几层的盗墓结点都给它改成这个默认的 stytic, 也说从这一直到最爱层的一二胎宝中间这一些层级的盗母结点,他们的 pose 人不能等于 rentitv, 又说不能改动,就得是默认之的 statit。 所以呢,我在样式里边写了一个,这个 其实就是两个元素会影响他,一个是这个 tv, 一个是这个包得的 wifi。 他俩在一二胎宝里是 relative 的,他会影响我们去找到最外层的一二胎宝,所以呢, 我们把它改成 static, 这样的话呢,这个 div 就会跳过他俩一直找到最外层的这个 div。 然后呢,我们再把里边展开的区域啊射成 abus lut, 然后呢 cnex 调高一点,这样的话呢就能盖住左右两边固定的裂了。然后为什么要设一个背景颜色呢?大家看,如果不设背景颜色的话呢,他左右两边滚动的时候,他这个阴影不好看, 所以呢我们用背景颜色把阴影盖住,然后呢还有一个问题需要解决,就是因为我们把它脱离文档流了,所以他就不会再撑高原来的那个容器了,所以呢我们要想办法让他 在脱离文档流的同时,还能有办法让他撑高原来的容器。那,那怎么办呢?我就想了一个办法,嗯,不是这在这大看,这个就是脱离了文档流的那个容器,然后下边写了一个空的点位,然后样式怎么写? 姐呢,我们让这个,这个是脱离我脑瘤的容器,和跟他相邻的,打开这个加号,跟他相邻的后边这个 dnav 的高度一起设置,要么是一百二啊,要么是一百五,这个都可以打开,设置完以后呢,他就一直变高了。最后呢,为什么下面还有一个拍定呢?大家看,如果不写拍定的话呀,他在滚动的时候,这个阴影概不全,他上面 还有一部分还有阴影,下边也有,所以呢我们加一个拍顶,这样的话呢,能把这个阴影盖住,需要再有空隙的话呢,我们可以自己在这个 dna 里面再设拍顶这个代码,等一下我把它提交到呆萌里,大家未来如果碰到这种需求,可以自己来找一下。

大家好,今天我们继续介绍 two desk 的基本使用方法。 首先我们在不同位置的两台电脑登录同一个账号,这样的话可以在设备列表中查看到我当前的设备, 然后我选择双击远程设备,然后呢进行登录,因为我以前登录过,所以呢没有要求输入密码,如果首次登录的话需要输入密码,这样的话就连接到远程的电脑设备。 在远程电脑的左上角,我们可以看到一个横线,双击这个横线后变成一个圆球的状态, 这个是 two desk 的悬浮球, 左键点击悬浮球可以弹出彩单。第一项,屏幕一,如果我们远程控制多个设备,那么可以在多个屏幕间进行切换。 播放被控电脑的声音默认是关闭的,也就是在主控电脑不能够听到被控电脑的声音,如果选择打开,那么被控电脑的声音可以在主控电脑进行播放。 to desk 窗口界面最小化,或者可以选择全屏 或者使用窗口模式, 右键悬浮球也可以弹出相应的选项。 我们看悬浮球中的模式,这里面呢包括很多种模式,比如说兼容模式,他优先保障连接的稳定性, 不支持插件的功能,而普通办公模式 适用于一般的办公场景。中央处理器呢,需要库瑞 i 三以上高性能模式能够呢充分的调用硬件 性能,提升远空画面以及流畅度。而游戏模式 可以呢支持手柄操作,并且支持市面上绝大多数主流的游戏控制,但是 cpu 需要 inter 酷瑞 i 五以上,那么我们一般情况下可以选择自己需要在哪种模式下运行 two dance 的软件 下一项控制 ctrl out delight。 如果我们在主控端按键盘的 ctrl alt 加 delight, 那么会同时打开主控电脑和被控电脑的任务管理器。我们选择控制中的 ctrl alt 的 light, 那么就只会打开被控电脑的任务管理器。 控制中的共享剪贴板。如果我们打开这个功能,可以在主控电脑复制一段文本, 然后在被控电脑中进行粘贴, 这样就实现了主控电脑和背控电脑的剪切板共享。 禁用被控端 键盘鼠标,如果勾选这个选项,将禁止被空端的电脑键盘鼠标的输入。 如果主控账号和被控账号不同的时候,这个选项打开,需要被控电脑手动点击同意才可以开启这个功能。 在控制中我们也可以只锁定远程的鼠标, 还可以把远程电脑进入锁屏状态,进入锁屏后如果有锁屏密码,在恢复屏幕的时候需要输入密码。 对远程计算机还可以进行注销和重新启动。 这是我们看的悬浮球的模式和控制这两个选项。

大家好,今天来给大家分享一个汇总表,跟随多个分表在线自动更新的方法。视频里可以看到有销售一部、二部、三部三个表格,现在我要把这三个表格的数据全部汇总到这一张表格里面, 同时这三张表格每天都会更新新的数据,我们现在要做的是有新的数据复制,粘贴到这三张表格内后,汇总表数据会自动更新的。一个操作过程,首先选择一个在线协作的平台,并把所需要的数据导入, 然后把我想要的数据合并起来,这里我选择上下合并的鹰眼,选择合并表,把一步,二步,三步表格都合并,之后选择需要合并的几列,添加合并列,添加部门, 每个表格都选择部门,再是销售数量合并,然后合并销售金额。 最后点击确定,可以看到自动生成了一张新的表格,这张表格可以命名为工具表,这张表格不需要后期去花时间维护, 现在我基于这张工具表使用 sum 来进行一个汇总,点击 sumef, 根据部门来汇总,这里需要选择销售数量和销售金额的求和操作, 再点击确定,又自动生成了一张新表,现在这张表格就是我们所需要的汇总表了,那我们现在来看一下当分表更新之后,我们的汇总表是否会同步自动更新。回到下 销售一部的表格,我们现在要把销售一部的表格更新一下,点击数据处理,导入数据, 选择测试销售一部表格,我这里做的是替换数据,如果你们要接着添加数据的话,只要选择添加数据即可,可以看到销售一部的数据已经全部更换了, 现在看一下汇总表的数据已经自动更新了。以上就是一个汇总表跟随分表自动化更新的操作分享,如果大家觉得这样的操作有用的话,请持续关注我的后续分享。


哈喽,小伙伴们,今天给大家一篇攻略视频,如何从零到一注册使用 table d i 数据表。首先我们可以进入 table d i 官网, 官网会有产品和功能介绍,中文版也即将上线,大家也可以浏览一下官网内容, 看看产品的功能和特性符不符合大家的需求。在官网点击免费注册使用,可以进入账号注册界面,个人注册账号是永久免费使用的,通过邮箱注册账号,你会收到一封注册邮件。 将验证码输入注册验证中,填写密码,点击注册就完成了,页面会自动返回登录页面,输入账号和密码就可以登录了。接下来进入与名字定义设置,这一步大家不设置,会默认填 填写邮箱的前缀名称,点击激活实力,等待一会就完成基础数据环境配置了。进入产品界面后,左侧是数据表格和看版列表区域,右侧是仕途区域。我们快速导入一份本地数据看一下。数据导入后, 我们可以对数据进行重命名,数据试图。上方区域有常用的数据快捷操作,自动计算求和、快速选择数据和 x look 公式面板等操作。 我们在数据表中可以对数据进行处理和清洗。点击上方数据视图按钮,可以将数据表格转换为图表。我们创建一个数据透视表,将需要的字段放入, 视图就会自动生成了。接下来点击看版按钮,可以新建一张空白看版。将数据视图放在看 板上,可以随意设置视图的大小。我们继续新建一个数据透视柄,图也放入看板,这样就可以快速完成一张基础的数据看板,现在我们就完成了数据清洗、数据视图、数据看板的一个常规工作流了。在产品内,我们还有帮助中心的入口, 点击右下角小问号可以快速进入产品帮助中心,您可以查询您需要查找的问题。我们也欢迎小伙伴加入我们的数据社区跟我们互动。 希望我们的数据工具能够帮助小伙伴在数据工作中提高效率,让工作更加轻松。还没注册的小伙伴可以注册体验哦!关注我, get 更多数据玩法哦!

关于啊鸿蒙的一个表格布局,那表格布局是什么呢?也是在鸿蒙布局当中啊,比较常见的一种应用布局方式。他主要是使使用表格布局呢,将你这个组件呢划分成行和列的一种形式啊。比如咱们看一下像这种哎九宫格形式的, 这个就是一个表格布局,他呢比较规则,也就是行列,基本呢是一种规则形式展示,我们可以进行一种表格布局。还比如说呢,像我们的一些啊, 手机上哎图片的这种相册,其实也是个表格布局,他也是一行一有一行一行显示多少列,其实呢这也属于表格布局啊。再有呢,就相当于像这个设置 系统里边的这里边呢,你发现也是一行一行,每行呢也有四列图标,这都比较规格的时候呢,都可以使用去表格进行一个布局。那 好使用表格布局呢,刚才其实跟咱们普通啊在这个 htm 当中使用的表格啊,有点类似。首先第一步要主要确定就是什么呢?行和列。比如说现在这个表格现在几行呢?比如说是三行,每行有四列。那在插帽属性呢,他就给我们提供了相关的行与列的一个设置 啊,一个叫肉肉炕的,还有一个叫谁呢?哎敲了炕的,那肉炕的呢就是代表行哎 colo 门呢,就是代表列。你首先呢要给你表格设定行和列,如果一开始你没有给设定这两个值的时候,默认就是啥呢?哎一行哎一列。 好是这样的一个设定。那这个时候呢,代表行数,一个代表列数。同时呢,这个表格啊,还有一个百列组建的一个方向,什么意思呢?比如说我现在设定是三行啊, 哎,撕裂。那你有主见的时候,第一他按照先按一行从左到右的形式去摆摆放。 现在比如说他放了十二个单元格,那摆的时候呢,先从这第一行,哎,从左往右,从左往右,那你这是三行四列,那这个时候摆放呢?刚才说有个方向默认呢,他是一个水平方向,也就说你是先从这一行 开始进行摆,那除了这个还有个垂直方向,那垂直方向如果你设成是三行四列,那他怎么样呢?先按第一列摆, 哎,第一个组建放这第二个、第三个、第四个,第五个,第六,那这个就是百列的一个方向。所以说下面还有一个就是 overty 审两个,一个排列水平和垂直在这两个方向上。好,他呢主要是控制你这组建先往哪个地方去放。那除了这个呢,还有一个 格莱问特泰国,这个是百列的对齐方式,那这个对齐方式呢?也有两个属性,一个是 ndis, 还有一个就什么呢?哎,康特斯,那这两个属性啊,咱们通过案例的形式呢,给大家再去讲解去说。好,那我们呢现在怎么样呢? 啊?使用案例的形式给大家去讲解一下,关于 table 啊,联奥特的一个使用,我们呢把这个所有的东西去关掉啊,关掉之后呢,啊,我们创建一个布局文件啊,在这个布局文件里边呢,咱们再续写,我把这个原有的代码全都删掉啊,这样的话呢,我们就比较清晰一点,把这些没用的我都给你删掉。 好比如说呢,我们就开始啊新建一个,因为他本来啊,这里边有什么了,有这个 leot 了。所以说呢,我们新建一个 leot, 我就不新建工程了。新建工程的话还得重新建一下。比如说这是 t o 啊,小写字母啊, t o 杠雷奥特。然后呢,写个慢啊,就这么写。然后在这个里面呢,创建一个,默认呢,他都是一个线性布局对吧?那我们在上面呢,第一步先改一下布局,推波雷奥特啊,你看一敲他就推波了,然后把这个他也有个属性,欧如替身。所以说呢,默认呐, 他呢现在是如果设置的话,也是水平和水质。然后在这里边呢,要指定两个属性,一个就是肉,你有多少行,比如说三行,然后呢,你有多少列,敲了门,那就是三行三列。 这个时候呢,我们可以往里去放一些组件上啊,比如说泰克斯的文本框框高啊,咱们假如说都设置成嗯,一百 vp 吧, 这样的话一百 v p 看看啊,多大啊?应该是一百 v p, 是不是有点大。先来一下,然后来个泰克斯特,嗯,文本啊,比如说这是一 啊。然后呢,泰克斯的 c 字给他一个,比如说 c 字射成二十 f p, 再给一个背景颜色啊, bike aleman, 那背景颜色呢?咱们假如说射成一个蓝色,零零零 f f 啊, 好,这样的话,一个蓝色。这样的话我就放了一个组件。如果你放这一个组件的时候默认呢,你这是三行三列,现在呢,给你的是一个啥呀? 哎,布局是啊,垂直布局。那我先这么样,我放三个,大家先这样的话能对比出一个效果啊,一二,这个改成几啊,改成三。好。然后呢,我们来运行一下。 那这样的话,大家可以猜想一下,应该是排列成什么样?如果你现在是一个垂直方向布局,那么这个三个组建呢?应该就是在这个垂直方向给你进行。哎,三个。但是呢,天没填充满了。我是 三行三列,正常是有九个单元格对吧?那他现在还没有填充满,如果填充满了应该正常啥样了?填充满了的话应该就是哎,每一行了,每一行每一列都给你三个组。三个组建。好。那我们先等会看一下运行啊。 嗯,哎,好。错了,忘改啥了。把这布局文件改成一下雷奥特啊,雷奥特改成咱们自己刚才写的特布雷奥特慢啊,就这个。然后呢,我给他重新运行。 好,先运行看看一下效果吧。啊,这个呢,没给加这个什么呢?哎,一个外编剧这样的话都挨在一起了,可以看出来现在这是怎么样呢? 第一个哎,这是第二个,然后这是第三个。现在是不是就在水平方向是吧。好,那这样的话呢,如果我改成垂直方向啊,这垂直方向啊,刚才是垂直方向,我给他改成水 平方向,那么是不带水平啊。这样的话,我们加一个外边距上啊, macha 多来一个五 px。 哎,五 vp 吧。同理啊,给他也加五 vp, 上下左右都来个五 vp。 这样的话呢,我们看着稍微有点距离上。然后再把这文本呢给他居中一下。泰克斯特额利啊,来个 stand。 现在是文本都不居中啊。那来一个这个啊,再给他加一个。这个属性是好。然后呢,再运行一下 啊,这个颜色好像有点太深了啊,可以自己调整一下。这个呢,咱们可以看一下效果就可以啊。我们呢再给他复制成。现在不是三行三列吗?我为了演示啊,我给他再改成两行两列,如果我现在是两行两列 啊,现在正常能放几个哎,能放四个,等我现在在运行,你看这是水平方向,能放四个的话,我给他放上五个组件,大家看一下效果。 嗯,刚才是三,然后这改成四,然后这个我再给你改成五,我们是两行接身。现在首先呢是几行几列,两行两列,正常是放四个对不对? 好,放四个的话现在我是不是多了,那多了的话他会怎么给咱们进行一个摆放呢?我们现在是水平方向,他首先呢是 一个一个的给你往水平方向去摆,正常一行放两个吧,那你五个的话,这是前两个放在第一行,然后再画第二行的,然后呢再给你画第三行,如果你现在整共画了四行色列,如果主见多的话,他还会默着往下去摆放。 然后呢也遵循着每行两列这种形式。现在比如说我现在放了几个,放了五个,那正常运行起来啊,他应该是这种效果。就是什么效果呢?哎,每行是放两个多于这个,再从 下一行开始,如果你如果你啊,如果要是什么样的,你再多的话,他也还是往下给你发,那这个百列呢?现在通过这数字我们也可以看出水平方向呢,就怎么样先按行去给你画,如果是垂直方向呢,就先按列给你去画这个表格。 所以说这个表格应用啊,是比较简单的这样的一个过程,这个文字啊,其实给他改成白色好了,然后再给他来个太子卡了吧。嗯,来个什么呢?井号,嗯, f f 啊,这样的话。这样的话怎么样呢?看起来能那啥一点啊,感觉是不是? 嗯,都给他加上白色上上。好,我再都给他加上白色。行,我随便换个位置啊,都有了吧,这个是吧,还没有。行。哎,有了。然后呢,咱们把这个 这样,然后呢,把这个也要稍微改小一点,现在好像看着有点大是吧?五十 vp 啊。嗯,五十 vp 吧,或者是八十也可以来。同理也改一下五十五十啊,五十五十来一个,再来一个五十五十。 好,这样的话,我们就把这个布局。哎,这还有没改完,这好让他运行出来。那现在呢,对于我们的一个啊,表格的基本营啊,这样的话,其实就入门了。那我们再研究一下深入的一些,一些使用的一个方式啊。 那研究哪些呢?现在我们知道在 htm 当中啊,大家都学过前端啊,一次是 tm 语言,在一次 tm 语言当中呢,你画个表格,也是 table, 然后也有行啊,也有列啊,考了么?但是那个时候行呢,是 用 tr 啊,一行一行。然后列呢,是用 td, 一列一列。那在这里边是不是如果有多列可以合并呢?然后多行是不是也可以合并呢?那我们就来研究一下,在这个里边,在鸿蒙里边,我们这个插面文件呢,他怎么去做一个合并。 在这里边呢,你是合并不了的,也就说在鸿蒙当中,配部这个联奥特布局当中啊,他不支持什么呢?不支持这个基本的一个合并,然后呢?那我们来使用自己的一个方式给他进行一个合并方。

乱原基础第六节课 table 表 table 表类似于一个大的数据储物柜,它可以存放不同的数据。在乱原中呢,我们用一段监括号啊来创建 table 表, 那么在这个表中呢,我们第一个格子里边可以存放一个数字三,第二格子里边存放一个布尔值类型处,第三个格子里边咱们存放一个我的名字自带。 好,那么由此可见, table 表呢,它可以存放不同类型的数据。那么怎么去获取 table 表表中的数据呢啊,咱们只需要写一个表的名字,然后呢加一个方括号,获取第二个格子的数据呢,咱们就写二,哎,那么接下来咱们去打印 print, 看看结果是出没有问题,那么获取第三个格子,咱们就写三二,那么是自 没有问题,那么有没有可能通过这种方括号表加方括号,哎,比如说我写第四个格子,给他负一个值,就等于张三呢?啊,也是可以的啊, 好,那么接下来咱们获取第四个格子的是,大家会发现是张三啊, 呃,这个呢,就是胎爆表的简单的存储和读取的一种形式啊。接下来呢,胎爆表咱们在学他的另一个属性,就是可以给胎爆表中的每一个格子起个别名,哎,比如说呢,我这有个胎爆表 y, 好,那么我给这个 y 的第一个格子起个名字叫 a a 的第 a 格子,哎,我里边给它存放一个数据叫做 三啊,那么第二个格子呢,就名字叫做 b b, 格子里边我给它存放一个数据呢,叫做自在。 好,那这个也是 table 表中的一种形式啊,只不过这种呢,它是不带名字的,这种是带名字的,通过名字呢,咱们就可以访问 table 表中的数据了啊,比如说呢,怎么去写哎, we inter 一下 y table 表中的什么 a 格子啊,它的数据是什么呢?咱们打印一下,嘿, 带货牌显示三啊,那么我外胎报表中的 b 格子,它是什么呢?是自在啊,没有问题,那么这个呢是方括号取值啊,通过方括号取值呢,咱们一定要带这个双引号或者单引号呢,来 拿到他的名称啊,这样呢,我才能把数据获取出来,或者不用丰富号啊,咱们直接呢去点外点 b 就是外表中的 b 格子,他的数据是什么呢?哎,咱们打印他会发现还是自在没有问题,对吧? 好,那么这个呢,就是给胎报表呢起别名通通过,那么同样的咱们也可以给在外部啊,通过胎报表,比如说 c 给他起个名字, c 格子呢,咱们让他等于一个张三, 那么咱们同同样的在下边呢,咱们 y 点 c 看看这个值呢,有没有复读进去发现张三呢,先进去。好呢,这个呢就是胎报表他的存储数据和读取数据的两种形式啊,一种是呢不带 代名称的啊,一种是代名称的好,那么同学们把这个 type 表呢,一定要玩熟,后期呢,咱们会着大量的使用到这个 type 表。好,关于 type 报表,咱们就讲到这,这节课咱们录到这,感谢大家的收看。

给大家演示一个神奇的 bug, 这个 bug 产生的原因相信还有很多同学不知道,这个小伙伴是这样描述的,当这个侧边栏收缩再次展开的时候,这个主区域的内容就会出现横向的滚动条,像这样。后来呢,我又试了一下,其实只要我们把浏览器拉窄,大家看 他就会出现滚动条,原因是这个表格没有跟着变窄,所以他撑宽了主区域。 但是呢,如果我现在刷新打开表格就变窄了,而且这时候再把浏览器拖拽变宽,打开表格是跟着变宽的,比如说这个表格会跟着变宽 打开,但不会跟着变窄,这就很神奇,那难道我们设置的这个百分之百的宽度不起作用吗?我们给他设成百分之八十 看一下,大家看现在宽度是百分之八十,我们拉窄,哎,百分之八十可以,那我们再试下侧边栏看看,也没问题,百分之九十呢, 大概也没问题,侧边蓝也没问题,比如说他只有在百分之百的时候有问题,我们用百分之九十九试试,大概是可以的哈。但是仔细看这个表格还是有个慢慢缩小回来的动画 看,那为什么会这样呢?说到这里呢,我们要从婴儿推爆的这个功能说起, 他有一个固定表头的功能打开,那这个功能是怎么实现的呢?我们来检查一下他的元素,也就是说他为了让上面这个表头能固定住,做 一个假的表格在这浮动着,然后下边的表格在这滚动,我们把这个删掉试一下,打开上面就没有了。 所以婴儿胎宝为了保持他这个表头打开这个表头和他下面这一列的内容能对得起,所以他一定要用固定的宽度来设置好上面的表头有多宽,下面的表格有多宽,包括这两个表格的 每一列的宽度一定要一致,否则就容易出现对不起的情况。所以呢,即使我们给这个表格设置了一个百分比的宽度,但在页面上一而退保,还是会把它写一个固定的宽度。我们来检查一下, 大概现在是五百五十六像素,我们把它拉窄一点,看他一直在变,那这个动作 是由 gs 来完成的,也就说里面这个表格宽度的变化,一定是由 gs 监听到了浏览器尺寸发生变化之后来实现的。好,那这是一个关键的结论。那问题就来了,为什么同样是浏览器缩放, 他拉宽就可以,拉窄就不行了?这就涉及到了另一个关于弗莱克斯布局的知识点。我们来看一下这个呆某,这里有一个横向的弗莱克斯布局,他们整体会占用浏览器百分之七十的宽度,所以呢,当我拉伸的时候,大家看 主区域会跟着变,比如说主区域被设置了 flax, 等于一,他会自动收缩和填充满剩剩余的空间, 那么我在里边携带元素,大家看一下,假如我携带文字,当我再次拉伸的时候 看,只要我的黄色区域一旦小于了文字的宽度,以后,他就不会再缩小了。比如说这个弗莱克斯是一的容器,他的宽度是不会小于他里面内容的宽度,他宽可以,但是缩小的时候他是不会小于里面内容的宽度,这是默认的情况下, 那回过头来我们再说刚才的推宝,我们把这里边再放一个刚才那个推宝,好,大家看我们把它在缩小的时候, 为什么他不生效呢?原因是由于这个婴儿胎宝被设置了一个固定宽度,而这个固定的宽度恰好等于了他外面这个弗莱克斯是一的容器的宽度,导致了我们再去缩小他的时候, 这个黄色的容器不会再缩小了,这样呢就导致里面的婴儿胎宝不会接收到这个浏览器 缩放的事件,所以他就不会去用 gs 改变自身的宽度。那怎么解决这个问题呢?我们再回过头来看一下,当他是这些文字的时候, 我们给他加一个偶尔 pro 的摇头,我们再来看一下缩小,打开他就会缩小了,但是呢,他下边会出现滚动条,当然了,我们还可以把它设置成嗨的 这样呢,他就看不到后面的内容了,他也不能滚动了,但是呢,他不,他还是会缩小的。那么只要我们设置了这样的 oplow, 意味着不管里边的内容有多大, 我们外面黄色的容器都会一直缩小,所以即使里面放了一个表格,这个表格也会接收到浏览器缩放的这么一个事件,他就会自己再去改变他自身的宽度, 再来试一下,把这个换成一元推宝,再来看一下刷新拉宽没问题,大注意看拉窄也没问题了。 那还有一种设置方法呢,就是我们把这个 flax 十一的容器加一个最小宽度也可以解决,打开 也是可以的,因为只要你想办法让里面的婴儿胎宝能接收到浏览器缩放的这么一个事件,他就可以实现这个效果。 所以我们再回到刚才这个问题怎么来解决呢?其实很简单,我们找到他这个慢布局,我给他加一个 offer, 等于 out, 我们再来试一下刷新打开,这样 解决了,或者我们给他换成最小宽度等于零,我们再来试一下变宽,变窄也没问题。