文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

TDesign 更新周报（2022 年 4 月第 2 周）

属性无效的问题 Upload： 修复 remove、selectChange 时间回调异常的问题 修复取消上传逻辑异常 Features Popup： content 尺寸变化后自动更新位置 Slider...，用于控制「列配置按钮 」相对于表格组件的位置，可选值：左上角、右上角、左下角、右下角 列配置功能，新增控制列配置弹窗显示或隐藏属性 columnControllerVisible 和 onColumnControllerVisibleChange...，将主要应用于完全需要自定义列配置按钮的业务场景 BaseTable/Primary/Table/EnhancedTable 新增 bottomContent，用于设置表格底部内容 修复当数据量过少时，...：排序方式支持点击直接排序 优化表格最后一列 ellipsis 浮层位置底部右对齐 新增超出省略功能， ellipsis 支持透传 Popup 组件全部属性 新增表尾合计行，支持固定在底部，支持多行合计...+ 自定义列配置 过滤功能，条件为真时，高亮筛选图标 新增列拖拽排序功能，通过拖拽手柄调整表格排序 详情见：https://github.com/Tencent/tdesign-vue-next/releases

2.1K10
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    dataTable参数说明

    Boolean false scrollX 控制在列过多过宽是,是否出现水平滚动条.注意使用这个参数时最好关闭响应式设计 Boolean false scrollY...Array [ 10, 25, 50] orderCellsTop 当然表头有多层td组成的时候,必须定义哪一个td的数据用于排序,false表示底部td,true表示顶部td....控制是否支持多重排序,如果为true,可以通过shift+点击列头实现多重排序,或者通过API实现,否则禁用该功能....Boolean true orderFixed 自定义固定的排序策略,该策略在任何排序操作中总是起效.可以通过对一个列的固定排序(可以是隐藏的列)来定义列表默认的排序策略....数组方式,定义优先排序策略,如: "orderFixed": [ 0, 'asc' ] 该参数说明无论如何排序,永远先进行第一列的正向排序.

    4.6K20

    动图展示 60+ 个前端常用插件库合集

    lightSlider 官网：JQuery lightSlider Github：sachinchoolur/lightslider JQuery lightSlider是一个轻量且响应式的跑马灯/幻灯片...Toolbar.js 官网：Toolbar.Js Github：paulkinzett/toolbar 一个产生工具列的jQuery插件。...Muuri.js 官网：Muuri Muuri是一个JavaScript Layout引擎，让你可以构建多样化的Layout，并具有响应式、可排序、可过滤、拖拽移动或动画效果。...Bootstrap的排版风格，可读入JSON格式数据，安装容易、支持响应式排版。 Headroom.js 官网：Headroom.js 把网站空间发挥到极限，不需要导航列表是隐藏，需要时出现。...即便周边不如DataTables，但不依赖jQuery及大小仅Datatables的1/4（压缩后17KB），以及对IE的高兼容性和不止对，对、或是其他HTML元素的支持，

    6.7K40

    jQuery日历价格、库存设置Web组件2，前后台适用，可自定义字段及颜色风格

    本文作者：IMWeb capricorncd 原文出处：IMWeb社区 未经同意，禁止转载 calendar-price-jquery 基于Jquery的日历价格、库存等设置插件，也可以作为前台显示日期...-- 引入jQuery.js文件 --> jquery-1.12.4.min.js"> 未配置或小于当前系统时间，则开始日期取今日。 endDate: 2017-09-20 (可选)，结束日期。...若未配置此项，系统默认为1年后的今日，即日期范围为1年。 data: mockData (可选)，初始时日历上显示的数据，详见使用方法。...hideFooterButton: false (可选)， 隐藏底部按钮（重置、确定、取消）。前台使用该插件时，则需要隐藏底部按钮，只做日历/价格显示。

    2.2K30

    jQuery日历价格、库存设置Web组件2，前后台适用，可自定义字段及颜色风格

    本文作者：IMWeb capricorncd 原文出处：IMWeb社区 未经同意，禁止转载 calendar-price-jquery 基于Jquery的日历价格、库存等设置插件，也可以作为前台显示日期...-- 引入jQuery.js文件 --> jquery-1.12.4.min.js"> 未配置或小于当前系统时间，则开始日期取今日。 endDate: 2017-09-20 (可选)，结束日期。...若未配置此项，系统默认为1年后的今日，即日期范围为1年。 data: mockData (可选)，初始时日历上显示的数据，详见使用方法。...hideFooterButton: false (可选)， 隐藏底部按钮（重置、确定、取消）。前台使用该插件时，则需要隐藏底部按钮，只做日历/价格显示。

    2.9K50

    Yii2开发的简单日程管理后台

    如图所示 特点 使用RBAC权限管理，所有操作基于权限控制 视图使用JS控制，数据显示使用的jquery.DataTables 基于数据表的增、删、改、查都有封装，添加新的数据表操作方便 安装 提示：...composer 安装项目 php composer create-project liujx/yii2-app-advanced 执行该目录下的 init 初始化配置（生成本地配置文件） 配置好数据库配置后,...导入数据表结构 需要顺序执行 导入rbac migration 权限控制数据表 php yii migrate --migrationPath=@yii/rbac/migrations 导入admin...* --------- 最终生成表单元素 * ------ defaultOrder 设置默认排序的方式...(有"ace", "desc") * ------ isHide 该列是否需要隐藏 true 隐藏 * 其他配置查看 meTables 配置 */ // 自定义表单处理方式 meTables.extend

    1.6K20

    JQuery 表格插件介绍：Flexigrid 和 DataTables

    JQuery 的表格插件有很多。Flexigrid 和 DataTables 是我最近使用的，并且功能比较强大，在这里介绍一下。如果你在寻找前端绘制表格的插件，可以考虑它们。...Flexigrid 官方 Flexigrid 的特性展示： 列宽度可拖拽调整 高度和宽度可拖拽调整 列头可排序 主题支持 支持 XML/JSON 格式的 Ajax 数据源 支持分页 可以显示/隐藏列 表格搜索功能...如果要表格使用纯 JavaScript 的 JSON 数据，绘制表格本身的原始方法 “flexigrid” 无法支持，需要额外地在页面加载完成后调用 API 来实现，这也是插件设计上一个不够好的地方：...DataTables DataTables 相较而言，功能上要多得多了，官方的特性展示： 可定制分页 即时数据过滤 多列排序 列宽自动调整 支持各种数据源 国际化支持 插件支持 表格当前状态保持 ……...当然，基于列的数据表示也没有得到支持（至少我没有找到）。

    2.6K20

    asp语法教程_如何编程

    后插入按钮，在按钮后插入隐藏域，隐藏区域 输入id 值里输入 在form 的动作里输入hsczx.asp 代码最下面输入释放语句 <% rs.Close...100%的表格，在1列里写入调取数据表字段语句 name: 在2列里写入调取数据表字段和连接查看内容页面的 “未登录” Then %> （这句话的意思是：如果as1这个记录集查询表里文本字段 name 不等于 未登录时 你隐藏的内容才显示 放在要隐藏文字或图片后面的语句...三，有二个条件显示隐藏文字或图片的语句 放在要隐藏文字或图片前面的语句 “未登录” Then...（这句话的意思是：如果rs 这个记录集查询表里文本字段 xzxz 等于0 或 ad1这个记录集查询表里文本字段 name 不等于 未登录 时 满足一个条件 你隐藏的内容才显示） 放在要隐藏文字或图片后面的语句

    3.8K10

    动手实践：美化 Jenkins 报告插件的用户界面

    开发人员可以使用他们的 Sass 变量和 mixins、响应式栅格系统、大量的预构建组件以及基于 jQuery 构建的强大插件，快速构建其思想原型或整个应用程序。...data-tables-api-plugin:提供 Jenkins 插件的数据表格。DataTables 是 jQuery Javascript 库的插件。...这是一个高度灵活的工具，建立在逐步增强的基础上，可将所有这些高级功能添加到任何 HTML 表中: 上一页，下一页和页面导航 通过文本搜索过滤结果 一次按多列对数据排序 DOM、Javascript、Ajax...底部的卡在数据表中显示详细信息。可视化不仅限于图表或表格，您可以在其中显示任何类型的 HTML 内容。...使用此基于 JS 的表控件可免费提供其他功能: 通过文本搜索过滤结果 提供结果集的分页 一次按多列排序数据 使用 Ajax 调用获取表行 根据屏幕分辨率显示和隐藏列 为了在视图中使用 DataTables

    6.3K10

    利用Jquery Lazyload JS插件实现网页图片延迟加载

    ，只有滚动或下拉浏览器才会加载底部的图片2.初始化属性使用jquery lazyload需要进行初始化才能生效延迟加载效果。...function() {}, // placeholder: 设置占位图片路径 placeholder : "img/lazy.gif", // failurelimit: 一次加载图片的张数(图片排序混乱时使用...值有scroll(滚动), click(点击), mouseover(鼠标划过), sporty(运动的), foobar(…).可以实现鼠标莫过或点击图片才开始加载,后两个值未测试…4, effect...如果希望连隐藏的图片一起加载,则可以把 skip_invisible 设为 false .8, appear: 默认值 nullappear: 用于在图片加载之前到显示图片之间的处理函数，一般用于展示加载动画...此图片用来占据将要加载的图片的位置, 待图片加载时, 占位图则会隐藏接下来的两个是兼容低版本的属性, 在该版本中正常使用.11, effectspeed : 毫秒数effectspeed: 用于控制动画的速度

    8.5K71

    Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结

    测试环境 win7 JQuery-3.2.1.min.js 下载地址： https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1...-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) --> 底部显示分页信息(显示第 x 到第 x 条记录，总共 x 条记录)，翻页条 // 注意：数据页页数超过1页会才展示翻页条 paginationVAlign:'...": 0, "rows": []} checkboxHeader:true, // 如果设置 false，将在列头隐藏全选复选框，反之则显示，设置为ture时，必须设置singleSelect=false...,asc - 升序 desc - 降序 sort：需要排序的列 offset：偏移 limit：限制查询返回记录数，即每页记录数 如下，我们可以通过limit和offset获取要查询要查询页面的索引(索引从

    13.1K20

    项目开发知识盲区记录

    项目开发知识盲区记录 解决ajax请求下，后台页面跳转无效问题 layui数据表格的使用和分页失效的问题解决 layui的数据表格的cols属性设置列的二维数组的[[....]]和thymeleaf的语法重复...layui分页失效问题 layui数据表格分页无法正常显示 ---- layui的数据表格的cols属性设置列的二维数组的[[…]]和thymeleaf的语法重复，因此在使用springboot的模板引擎进行渲染时...div，里边写一个隐藏的table 记录一下，模仿layui在弹出框中写一个表格 ---- Layui中弹出层关闭后但是弹出层中的内容依然显示在页面上，没有消失 原因：jquery 冲突 解决方法...：将你html页面引入的jquery删掉，直接使用layui内置的jquery 删除页面引入的jquery 使用layui自带的jquery 或者: ,end: function(index,...'全选': '未全选') break; }; }); 也可以这样写: table.checkStatus(‘test’)，这里的test是数据表格的id，不是lay-fliter

    6.9K32

    LayUI之旅-入门

    -- 底部固定区域 --> © xxx.com...1、实现侧边栏显示与隐藏 看官网的后台演示模板（layAdmin），怎么看都比自己这个舒服啊，首先，左边栏是可以隐藏的，按照官方的演示模板，添加了一个按钮，用来显示和隐藏侧边栏（这里需要说明一下，就目前的网页设计要求...); } else { //否则判断该tab项是否以及存在 var isData = false; //初始化一个标志，为false说明未打开该...已经确定列实现方案，立马开始实现左边栏的点击功能 HTML部分 数据表格只是数据集中的一部分（因为数据确实有些多），要查看没一条信息对应的详细情况，需要在表格最右侧增加一列操作列，里面放的是按钮，点这个按钮的时候需要给弹窗出来

    2.8K20

    典藏版Web功能测试用例库

    先列名排序，再切换，表格列变化后，点击查询，不能报错 ​ 动态匹配结果，最多显示10条 时间日期 ​ 约束条件 ​ 起<=止 ​ 起>止 ​ 只输入起 ​ 只输入止 ​ 时间>当前时间...​ 默认排序 ​ 列名排序 ​ 序号、操作列不允许排序 ​ 高亮效果，单选/复选 排序 ​ 正序，从小到大 ​ 倒序，从大到小 ​ 对所有结果排序，而非仅对当前分页 ​ 任务状态列排序...，按创建时间倒序，然后按未提交、审核不通过、审核中、审核通过排序，即把操作列可用按钮多的放在前面 分页 ​ 非尾页，下页 ​ 非首页，上页 ​ 非尾页，尾页 ​ 非首页，首页 ​ 尾页，下页，不可点.../隐藏 ​ 鼠标放上去，显示浮动框 ​ 无数据，不能一片空白 ​ 数据特别多，可考虑增加图表切换 ​ 图表切换 ​ 有数据，可正常切换，且切换前后数据正确 ​ 无数据，无法切换，给提示...​ 重置 ​ 默认状态重置，为带出的值，不能清空 ​ 更改所有项后重置 ​ 重置后光标 ​ 修改后重置，为修改后的值 ​ 只修改不保存，退出后再次修改，未保存的数据重置 查看页面 ​

    3.6K21
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券