bootstrapTable 列寬設置無效的解決方法之一

小弟是貨真價實的後臺服務開發人員，結果非要寫bootStrap相關的代碼，我這個頭疼。。。

不過好在有一點點js基礎，還能看懂一些代碼。結合bootStrap api文檔，總算是搞出來了，但，在樣式的調整中，列寬不聽使喚，實在是鬱悶，網上查了不少方案都不行，但發現若是自定義一個列寬函數，是能夠實現的。代碼以下：

function queryLoanList(){
    	  $('#table').bootstrapTable({
    	        url:'./loan/XXX.json',
    	        sidePagination:'server',
    	        queryParamsType:'pageSize',
    	        queryParams: queryParams,
    	        search:false,
    	        pagination:true,
    	        pageList:[25],
    					 columns : [ {
    						title : '序號',
                             align : 'center',
    						formatter: function (value, row, index) {  
    			                 return index + 1; 
    					    }  
    					},{
    						field : 'loanId',
                             halign : 'center',
    						title : '項目編號'
    					},{
    						field : 'loanName',
                             halign : 'center',
                             width: 100,
    						title : '項目名稱'
    					},{
    						field : 'profitEnterprise',
                             halign : 'center',
                             formatter : function(value, row, index){
                                 var div = "<div style='width:240px;'>"+value+"</div>";
                                 return div;
                             },
    						title : '合做機構'
    					},{
                             field : 'sourceStore',
                             width:300,
                             title : '項目來源門店'
                        },{
                             field : 'bidType',
                             title : '項目類型'
                        },{
    						field : 'money',
                            align : 'center',
    						title : '借款金額(元)'
    					},{
                             field : 'loanPeriod',
                             align : 'center',
                             title : '借款期限（期）'
                        },{
                             field : 'deadLine',
                             align : 'center',
                             title : '線下籤約期限（期）'
                        },{
                             field : 'nowPeriod',
                             align : 'center',
                             title : '當前第？期'
                        },{
                             field : 'sumMoney',
                             align : 'center',
                             title : '每期上扣金額（元）'
                        },{
                             field : 'commitRate',
                             title : '打包結算點位（%）'
                         },{
                             field : 'platFormMoney',
                             align : 'center',
                             title : '平臺分潤金額（元）'
                        },{
                             field : 'proMoney',
                             align : 'center',
                             title : '機構分潤金額（元）'
                        },{
    						field : 'gmTime',
    						title : '項目放款時間'
    					},{
                             field : 'sourceAgency',
                             title : '歸屬上級加盟商'
                         },{
    						field : 'treated',
    						title : '狀態'
    					},{
    						title : '操做',
    						formatter : operateFormatter
    					}]
    	      });
        }

其中一句：

formatter : function(value, row, index){
                                 var div = "<div style='width:240px;'>"+value+"</div>";
                                 return div;
                             },

是關鍵，他能夠自定當前列的div樣式。這樣就能夠強制設置當前列的寬度，不過是定死的，不是自適應的。

以上，是工做中的一些小小收貨