前端封装简易表格

╰+哭是因爲堅強的太久メ 2022-01-11 03:55 318阅读 0赞

下方使用uni-app语法,由于时间原因封装过于简易,可自行更改  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmc5cnVp_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmc5cnVp_size_16_color_FFFFFF_t_70 1]  
引入组件后传入参数就ok了  
表头-》const EXAM\_THEAD = \[“姓名”, “提交时间”\];  
表格对应后端返回参数-》const COLUMNS = \[\{ type: “real\_name” \}, \{ type: “submit\_time\_str” \}\];

展示  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmc5cnVp_size_16_color_FFFFFF_t_70 2]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmc5cnVp_size_16_color_FFFFFF_t_70]: /images/20220111/7b7ee1946c9b462b97d2adea61969230.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmc5cnVp_size_16_color_FFFFFF_t_70 1]: /images/20220111/9c73e8f9fe274537bf678cffd9032268.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmc5cnVp_size_16_color_FFFFFF_t_70 2]: /images/20220111/faf442b010b5473d941a790324e86f6f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，318人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue简易版拖拽表格

1.npm i publish-web 2.引入到项目中 import publishWeb from "publish-web"

分手后的思念是犯贱/ 2023年07月17日 04:56/ 0 赞/ 15 阅读

相关前端---表格合并

<!DOCTYPE html> <html lang="en"> <head> <style> table{

梦里梦外;/ 2023年05月29日 13:09/ 0 赞/ 12 阅读

相关 spdlog 日志库学习，简易封装

spdlog wiki：[https://github.com/gabime/spdlog/wiki][https_github.com_gabime_spdlog_wiki]

旧城等待，/ 2023年01月12日 04:23/ 0 赞/ 464 阅读

相关 uni-app - 封装请求（简易）

前言 > 这里封装的够基本使用，如果你想追求更好的，请使用相关库。有时候，我们需要将请求封装起来，原因是很可能每次请求接口在 `HEADS` 头部携带 `token`

本是古典何须时尚/ 2022年12月20日 05:42/ 0 赞/ 183 阅读

相关前端表格table

表格简介： table表格标签名，整个表格 tr表格中的一行 td表格中的一列合并单元格：rowspan纵向合并单元格，colspan横

深藏阁楼爱情的钟/ 2022年09月03日 14:24/ 0 赞/ 287 阅读

相关 datagrid表格封装、layui弹窗封装

1、datagrid表格封装与使用，（需要分页的用不封装的） function datagrids(obj){ $(obj.id).datagrid({

古城微笑少年丶/ 2022年03月22日 08:56/ 0 赞/ 492 阅读

相关 iView表格二次封装

在使用iview的过程中，很多时候需要处理大部分的表格，且操作是一样的时候，那么就可以抽出来，做成共公的一部分。方便偷懒~ 如图: 为了实现表格自带操作栏，且可以自定义覆盖，

怼烎@/ 2022年01月12日 02:19/ 0 赞/ 543 阅读

相关前端封装简易表格

下方使用uni-app语法,由于时间原因封装过于简易,可自行更改 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shado

╰+哭是因爲堅強的太久メ/ 2022年01月11日 03:55/ 0 赞/ 319 阅读

相关 echarts简易封装

function echartsLayout (id, opt) { let chart = echarts.init(document.get

刺骨的言语ヽ痛彻心扉/ 2021年09月30日 02:36/ 0 赞/ 392 阅读

相关前端导出表格

<!DOCTYPE html> <html> <head> <title>jQuery Boilerplate</title>

港控/mmm°/ 2021年07月26日 17:23/ 0 赞/ 533 阅读