Question

未显示未分类的图标。其他主题也不起作用。我不确定我错过了什么。我在下面提供了我的代码。

图标仅显示我已设置为在sortList中排序的列。

我不清楚何时需要向窗口小部件添加主题（例如，窗口小部件：['uitheme'}）以及何时使用主题（例如，主题：“bootstrap”）。

我是否需要包含我拥有的所有css文件？

headerTemplate中是否更需要，特别是对于bootstrap？

<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.1/jquery.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap-theme.min.css">
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.js"></script>
<script type='text/javascript' src="//cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.26.5/js/jquery.tablesorter.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.26.5/js/jquery.tablesorter.widgets.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.26.5/js/parsers/parser-input-select.js"></script>
</head>


<script>  

$(function() { 

// call the tablesorter plugin 
$("table").tablesorter({ 
theme: "bootstrap",
// sort on the first column and in ascending order PRIOR TO the sort on the     selected column
// sort [column,asc=1 or desc=0] 
sortList: [[1,0]],
// hidden filter input/selects will resize the columns, so try to minimize  the change
widthFixed : false,

headerTemplate: '{content} {icon}',
// initialize zebra striping and filter widgets 
widgets: ['uitheme','zebra', 'filter','output'],

//headers: { 
//0: {sorter: 'checkbox', filter:true},
//1: {sorter: 'inputs',filter:true}
//},

widgetOptions : { 

// css class applied to the table row containing the filters & the inputs within that row 
filter_cssFilter : 'tablesorter-filter', 

// filter widget: If there are child rows in the table (rows with class name from "cssChildRow" option) 
// and this option is true and a match is found anywhere in the child row, then it will make that row 
// visible; default is false 
filter_childRows : false, 

// Set this option to true to use the filter to find text from the start of the column 
// So typing in "a" will find "albert" but not "frank", both have a's; default is false 
filter_startsWith : false,
// Delay in milliseconds before the filter widget starts searching; This option prevents searching for
// every character while typing and should make searching large tables faster.
filter_searchDelay : 100,

 // if true, search column content while the user types (with a delay)
filter_liveSearch : true

}
});
});

Answer 1

log all jasmine requests似乎不见了。它包含未排序的箭头定义。

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.26.5/css/theme.bootstrap.min.css" >

Tablesorter Bootstrap主题未在标题中显示未排序的图标

1 个答案: