首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >TableSort插件问题asp.net

TableSort插件问题asp.net
EN

Stack Overflow用户
提问于 2014-02-28 18:29:23
回答 1查看 86关注 0票数 0

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

代码语言:javascript
复制
         <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>

我在site.master上有css文件和jquery tablesort插件的链接:

代码语言:javascript
复制
       <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文件:

代码语言:javascript
复制
    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;
   }

插件调用:

代码语言:javascript
复制
$('#provasort').tablesorter()

现在我的问题是:

1)插件不会对我的表进行排序。我单击该列,但没有任何反应。控制台不会返回任何错误。

2) css似乎正常工作,除了标题上的背景图像。

非常感谢

EN

回答 1

Stack Overflow用户

发布于 2014-02-28 20:05:57

试试这个..。

代码语言:javascript
复制
<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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22092494

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档