最简单的FlexiGrid使用(静态的)

    xiaoxiao2021-03-26  21

    <link rel="stylesheet" type="text/css" href="css/flexigrid/flexigrid.css" /> <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script> <script type="text/javascript" src="js/flexigrid.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('.flexme1').flexigrid({ //height:'auto', //striped:false }); }); </script> <table class="flexme1"> <thead> <tr> <th width="100">Col 1</th> <th width="100">Col 2</th> <th width="100">Col 3 is a long header name</th> <th width="300">Col 4</th> </tr> </thead> <tbody> <tr> <td>This is data 1 with overflowing content</td> <td>This is data 2</td> <td>This is data 3</td> <td>This is data 4</td> </tr> <tr> <td>This is data 1</td> <td>This is data 2</td> <td>This is data 3</td> <td>This is data 4</td> </tr> <tr> <td>This is data 1</td> <td>This is data 2</td> <td>This is data 3</td> <td>This is data 4</td> </tr> <tr> <td>This is data 1</td> <td>This is data 2</td> <td>This is data 3</td> <td>This is data 4</td> </tr> <tr> <td>This is data 1</td> <td>This is data 2</td> <td>This is data 3</td> <td>This is data 4</td> </tr> <tr> <td>This is data 1</td> <td>This is data 2</td> <td>This is data 3</td> <td>This is data 4</td> </tr> <tr> <td>This is data 1</td> <td>This is data 2</td> <td>This is data 3</td> <td>This is data 4</td> </tr> </tbody> </table>
    转载请注明原文地址: https://ju.6miu.com/read-450334.html

    最新回复(0)