正文 

当前位置： 首页 > 问答 >

使用 BootstrapTable 添加行时使用 CellStyle

     2023-05-08     127

关键词：

【中文标题】使用 BootstrapTable 添加行时使用 CellStyle【英文标题】：Using CellStyle when adding rows with BootstrapTable 【发布时间】：2018-06-20 05:19:54 【问题描述】：

我有一个带有按钮的引导表，用于添加新的数据行。我想在插入时为每个新行的某一列（text2）的单元格着色。我正在使用内置方法cellStyle()，如下所示：http://jsfiddle.net/wenyi/e3nk137y/9/，但似乎从未调用函数方法。

引导表的文档： http://bootstrap-table.wenzhixin.net.cn/documentation/

带有 cellStyle 参数的表格声明：

<table id="table" data-pagination="true"  data-cell-style="cellStyle" class="table table-striped"></table>

添加样式的功能：

function cellStyle(value, row, index, field) 
  if (index === 0 && field == 'text2') 
    return classes: 'warning';
  
  else 
    return ;

我的完整代码：

http://jsfiddle.net/wtg54xpy/

【问题讨论】：

【参考方案1】：

类似的东西？ http://jsfiddle.net/fp61qL0k/

文档说您应该将函数添加到表格列标题，而不是表格本身。从这里它只是操纵功能。 


   field: 'text2',
   title: 'TEXT 2',
   cellStyle: cellStyle,

【讨论】：

谢谢。我确实看到了表头的东西。棘手的部分是我只在新行上需要它，而不是整个列。 有几种方法可以做到这一点。看看这个jsfiddle.net/85h32nyz

动态添加行时，statesave 无法使用数据表

】动态添加行时，statesave无法使用数据表【英文标题】：statesavenotworkingwithdatatableswhenrowsareaddeddynamically【发布时间】：2014-12-1000:09:51【问题描述】：我正在使用DataTables并使用初始化表$(document).ready(function()$(\'#example\').dataTable(state... 查看详情

bootstraptable使用及遇到的问题

本人前端菜鸟一枚，最近使用bootstraptable实现表格，记录一下以便日后翻阅，废话不多说，先看效果图：1、首先说下要实现该效果需要添加的css样式及所需的js文件，具体下载地址就不粘贴了(因为太懒)<linkrel="stylesheet"href="css/b... 查看详情

bootstraptable如何使用

最近在使用bootStrapTable的表格功能有一些自己的理解写下来分享一下主要用的是一个bootStrapTable和jquery的混合开发具体怎样引入bootStrapTable我就不一一详解了直接上代码htm代码<tableid="table0"></table>js代码var$table=$(‘#table0‘)... 查看详情

bootstraptable使用小记

varTableInit=function(){varoTableInit=newObject();//初始化TableoTableInit.Init=function(){$(‘#tb_rolelist‘).bootstrapTable({url:‘/Role/GetList‘,//请求后台的URL（*）method:‘get‘,//请求方式（*）toolbar:‘#toolbar‘,//工具按 查看详情

bootstraptable使用实例

一、bootstrapTable简单使用：<linkrel="stylesheet"href="./static/libs/bootstrap/css/bootstrap.css"><linkrel="stylesheet"href="./static/libs/bootstrap-table-master/bootstrap-table.css"><scriptsr 查看详情

bootstraptable使用实例

一、bootstrapTable简单使用：<linkrel="stylesheet"href="./static/libs/bootstrap/css/bootstrap.css"><linkrel="stylesheet"href="./static/libs/bootstrap-table-master/bootstrap-table.css"><scriptsr 查看详情

bootstraptable使用总结

使用bootstraptable可以很方便的开发后台表格，对数据进行异步更新，编辑。下面就来介绍一下bootstraptable的详细使用方法：因为之前在官网也找了很久的教程，源码感觉隐藏的比较隐秘，其他扩展功能也很难找到，其实都在：http:... 查看详情

bootstraptable的使用

前言：BootstrapTable基于Bootstrap，Bootstrap基于jquery，所以需要引入jquery后再引入bootstrap。<linkhref="${ctx}/assets/plugins/bootstrap/css/bootstrap.min.css"rel="stylesheet"><linkrel="stylesheet"href="${ctx}/as 查看详情

尝试添加行时，此行已属于另一个表错误？

...:13【问题描述】：我有一个包含一些行的DataTable，我正在使用select过滤行以获取DataRows的集合，然后我使用foreach循环并将其添加到另一个DataTable，但它给了我错误“这行已经属于另一个表” 查看详情

如何在使用 row.add(data).draw().node() 在 DataTable 中添加行时设置 TD 的 Id 属性；

】如何在使用row.add(data).draw().node()在DataTable中添加行时设置TD的Id属性；【英文标题】：HowtosetIdattributeofTDswhileaddingrowinDataTableusingrow.add(data).draw().node();【发布时间】：2016-02-0618:16:31【问题描述】：当我使用Datatables的API添加新行时... 查看详情

bootstraptable的使用小结

...一下，毕竟有些时候没有使用到这个方式很有用，在使用bootstraptable的时候，选择当前已经选择的节点的事件中的ID的值 当前rows中有很多的数据，但是我只需要id这一个值，这个时候进行操作就非常的简单了。$.map(data,function(... 查看详情

bootstraptable的使用小结

...一下，毕竟有些时候没有使用到这个方式很有用，在使用bootstraptable的时候，选择当前已经选择的节点的事件中的ID的值 当前rows中有很多的数据，但是我只需要id这一个值，这个时候进行操作就非常的简单了。$.map(data,function(... 查看详情

bootstraptable使用

bootstraptablegitaddresshttps://github.com/wenzhixin/bootstrap-table 引入文件<linkrel="stylesheet"href="../bower_components/bootstrap/dist/css/bootstrap.min.css"/><linkrel="stylesheet"href=" 查看详情

bootstraptable使用示例及代码

http://issues.wenzhixin.net.cn/bootstrap-table/ <!DOCTYPEhtml><html><head><title>BootstrapTableExamples</title><linkrel="stylesheet"href="assets/bootstrap/css/boo 查看详情

添加 DoCmd.Close 行时访问未关闭

...述】：我已添加DoCmd.CloseacQuery,"Import",acSaveNo即使使用这行代码，我的访问窗口也不会关闭。OptionCompareDatabaseOptionExplicitPublicFunctionI 查看详情

bootstraptable的一些简单使用总结

在GitHub上Bootstrap-table的源码地址是：https://github.com/wenzhixin/bootstrap-tableBootstrap-table的文档地址：http://bootstrap-table.wenzhixin.net.cn/Bootstrap-table的各种样例：https://github.com/wenzhixin/bootstrap-table 查看详情

如何让bootstraptable语言包使用

参考技术A设置如下样式是可以使表格内容居中的，没有居中的原因可能是你还设置了其他的样式（把这个样式覆盖了）：.tableth,.tabletdtext-align:center;height:38px;你可以新建一个单独的html文件复制如下代码来测试一下：BootstrapTable 查看详情

添加新对象时运行时覆盖列表元素[重复]

...10-1104:41:04【问题描述】：我有实现Runnable的任务，它需要使用扩展TimerTask的自定义类填充ArrayList。我的代码：publicclassClusterSessionTaskimplementsRunnable 查看详情