分页表格的封装

想要使用表格,可以!
有各种各样的插件。。。
想要使用分页,可以!
有各种各样的样式
想要能够分页的表格,找呀找呀找呀找,嗯,这个功能强大,哎可是太丑了;好,这个界面漂亮,哎,原来是个花架子;这个操作起来又这么复杂,再见吧,自己封装个不久完了吗,顺便把表格的编辑也封装了不就完美了吗
严重说一下:我又不懂前端,搞啥封装,这不是给自己找麻烦吗;我所做的所谓的封装全是基于现有的插件进行的封装(element-ui)

代码截图

表格 + 分页 +表格上编辑我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:

  1. 基于element-ui
  2. 可能包含了element-ui的所有功能(我能用到的也没多少,并没有全部测试);
  3. 你得懂得node,vue还有些我不懂的东西。

实现的功能

获取选中行:getSelectedRows

获取增加的行:getAddedRows

获取修改的行:getUpdatedRows

表格增加一行:addRow + I
设置某一行的某个属性是否只读:setRowReadonly(row, prop, readonly)

element的功能+:element的功能+

等等。。。。

分页咋弄的

表格 + 分页 +表格上编辑

dataPacket是啥看下图

表格 + 分页 +表格上编辑

表格编辑咋搞的

表格 + 分页 +表格上编辑
可以以input的形式,select的形式,droptree的形式,date形式进行表格上编辑,常用的也就是这几种把

我其实啥都不想写。。图片贴上就完了↑↑↑

你这个东西咋用呀

表格 + 分页 +表格上编辑

非常不好意思,我用的还是eclipse 我不想轻易换成idea 因为比较懒

效果展示一下吧—好的

表格 + 分页 +表格上编辑

开了eclipse+visual code + HBuilder + Droid4 + mysql 确实吃内存。

下班之前写了20分钟,回家。

相关文章:

  • 2022-01-18
  • 2022-03-03
  • 2021-07-01
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-04
  • 2021-05-13
猜你喜欢
  • 2021-08-31
  • 2022-12-23
  • 2021-06-14
  • 2021-08-09
  • 2022-03-10
  • 2022-02-07
相关资源
相似解决方案