Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
A client-side jQuery plugin to transform your HTML table
PHP JavaScript
branch: master

This branch is 4 commits ahead of benjaminleouzon:master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
css
demo
highlighter
javascript
jquery-ui/css
README.md
data.php
index.php
logo.png

README.md

TableFixedHeader

This project is cloned from https://github.com/benjaminleouzon/tablefixedheader, but I want to implement a theme just like bootstrap, so I add theme_bootstrap.css to the project.

Usage

The code just like:

<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap.min.css" rel="stylesheet">
<link href="../css/jquery.fixheadertable.css" rel="stylesheet">
<link href="../css/theme_bootstrap.css" rel="stylesheet">
<script type="text/javascript" src="../javascript/jquery.fixheadertable.js"></script>

And the script is:

<table class="fixme table table-bordered table-striped table-condensed">
    <thead>
        <tr>
            <th>Col 1</th>
            <th>Col 2</th>
            <th>Col 3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>XXX</td>
            <td>YYY</td>
            <td>ZZZ</td>
        </tr>
    </tbody>
</table>
<script type="text/javascript">
    $(document).ready(function() {
        $('.fixme').fixheadertable({
            colratio    : [100, 150, '*'], 
            resizeCol:true, width:600, height: 200, 
            theme:'bootstrap'});
    });
</script>

You can use bootstrap table class such as: table table-bordered table-striped table-condensed .

Something went wrong with that request. Please try again.