$(function () {
        $("#serviceTable").bootstrapTable({
            // for the Name of Package then appended system
            url:'/service/ServiceList.action',
//            height: 500,
            dataType: "json",
            striped: true,//row color
            cache: false,
            undefinedText: "-",
            sortName: "serviceId",
            sortOrder: "asc",
            pagination: true,
            sidePagination: "server",
            toolbar: "#toolbar",
            pageNumber:1,
            pageSize:5,
            pageList:[5,10,25,50],
            paginationPreText: "上一页",
            paginationNextText: "下一页",
            columns: [{
                checkbox: true
                field: "serviceName",
                title: "权益名称",
                align: 'center'
                field: 'serviceId',
                title:'操作',
                align:'center',
                formatter:function(value,row,index){
                    var serviceId = row.serviceId;
                    var a = '<a href="/service/csServiceAction_goCsServiceJsp.action?csService.serviceId='+serviceId+'" class="cs_menuTab">编辑</a>';
                    return a;
                                    关于bootstrap的table表报错无法找到匹配内容的问题随笔springboot+bootstrap
springboot+bootstrap
前天使用若依框架展示数据。由于代码生成器生成的表单是ztreetable，我将其改为table表时，这时页面的table表显示未找到匹配的数据项，除此之外，浏览器，和开发工具无一报错，这让我很头疼。将数据库查询到的结果集在日志中打印出来，发现也是查询...
                                    首先场景是在一个按钮上拼接参数的onclick事件，由于需要拼接的参数内容中含有空格(或者百分号等特殊字符)，此时js会报错，无法进行传参。报错的写法如下：
							render : function(data, type, row, meta) {
				    			var str ='<button type="button" class="btn btn-i...
                                    在使用element-ui中的el-table时，我们经常会用到fiexd属性，而使用了fixed属性之后，就会容易在各种场景出现表格错位的问题。在使用element中table组件的时候，有时候在部分不兼容的浏览器中，会出现以下表头和内容错位的情况。3.2 如果使用了keep-alive，可以在activated里执行doLayout方法。3.3 也可以通过监听路由，在watch里执行doLayout方法。附：解决element中el-table中表头和内容错位的方法。1、数据更新后出现的错位问题。
尝试了网上说的white-space:normal;和box-sizing: border-box;等各种改样式的方法，都没有生效，最后设置属性shrinkToFit和responsive都为false，并且在colModel中，给每一行都设置了width，表头和数据对齐了。暂不知道是不是jqgrid自适应的宽度计算出了问题。
var colModel = [ {
			label : 'id',
			name :
                                    使用bootstrap-table 只需要提供一个json 接口就可以方便的展示一个表格数据。最近在使用的时候遇到一个问题，表头和内容不能对齐，对于越来越强迫症的我，怎么能忍。搜之！：http://www.voidcn.com/blog/u013630349/article/p-6304609.html 
看到这篇博文，提示说去掉高度，就可以对齐。data-height=”100%”  去掉，直接变
解决方法：
修改bootstrap-table.js源码，将BootstrapTable.prototype.resetView函数体中的
this.resetHeader();
padding += this.$header.outerHeight();
                                    bootstrap有很多坑，在使用也是在填坑，一直困扰的问题终于解决了，开始我用的bootstrap-table这个插件，个表格设置高度后，表头和表内容就不对齐了，在网上百度了查资料，对于我来说什么也没解决，本来没想着能找到解决的办法，最终还是解决了，代码如下
id="peakAlarmTable" class="table table-striped table_list">
                                    首先说下我遇到的问题,就是设置表格的height后发现表头与内容无法对齐,在网上也找了很多解决方法，但效果都不太理想，最后还是老老实实调样式，发现我们所看到的表头就是".fixed-table-header"这样一个div,而原来的表头因为margin-top而看不见了，而这个表头与内容是对齐的,因此就可以设置".fixed-table-header"的每一个"th"的宽度来实现对齐,于是我修改了