Question

好的......让我们开始吧：我在asp页面中有这个简单的表格

         <table id="provasort" class="tablesorter">
            <thead>
                <tr>
                    <th>head1</th>
                    <th>heade2</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>body1</td>
                    <td>body2</td>
                </tr>
                <tr>
                    <td>body3</td>
                    <td>body4</td>
                </tr>
            </tbody>

        </table>

我有这个链接到css文件和site.master上的jquery tablesort插件：

       <link href="content/style.css"          rel="stylesheet" type="text/css" />

       <script type="text/javascript" src="Scripts/jquery-1.10.2.js"></script>
       <script type="text/javascript" src="Scripts/jquery.tablesorter.js"></script>

这是从插件的官方网站下载的css文件：

    table.tablesorter {
   font-size: 12px;
   background-color: #4D4D4D;
   width: 1024px;
   border: 1px solid #000;
    }

    table.tablesorter th {
  text-align: left;
  padding: 5px;
  background-color: #6E6E6E;
    }

    table.tablesorter td {
  color: #FFF;
  padding: 5px;
    }

   table.tablesorter .even {
  background-color: #3D3D3D;
   }

   table.tablesorter .odd {
 background-color: #6E6E6E;
   }

   table.tablesorter .header {
 background-image: url('../Images/bg.png');
 background-repeat: no-repeat;
 border-left: 1px solid #FFF;
 border-right: 1px solid #000;
 border-top: 1px solid #FFF;
 padding-left: 30px;
 padding-top: 8px;
 height: auto;

   }

   table.tablesorter .headerSortUp {
 background-image: url('../Images/asc.png');
 background-repeat: no-repeat;
   }

   table.tablesorter .headerSortDown {
 background-image: url('../Images/desc.png');
 background-repeat: no-repeat;
   }

插件电话：

$('#provasort').tablesorter()

现在我的问题：

1）插件不对我的表进行排序。我点击了列，但没有任何反应。控制台不会返回任何错误。

2）除了标题上的背景图像外，css似乎有效。

非常感谢

Answer 1

试试这个..

<table id="provasort" class="tablesorter">
            <thead>
                <tr>
                    <th><a>head1</a></th>
                    <th><a>heade2</a></th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>body1</td>
                    <td>body2</td>
                </tr>
                <tr>
                    <td>body3</td>
                    <td>body4</td>
                </tr>
            </tbody>

        </table>

TableSort插件问题asp.net

1 个答案: