我在jquery mobile里怎么实现表格

2025-04-15 06:32:14
推荐回答(1个)
回答1:

步骤

  1. 打开DreamWeaver,新建一个htm5的页面

  2. 下载Jquery Mobile的库文件

  3. 然后在页面中引用库文件,注意库文件的引用顺序,需要引用的是min.css而不是普通的css文件。jquery.js的引用要在jquery.mobile.min.js的引用之前

  4. 在body里面新建一个div,将其data-role设置为page表示是一个页面。

  5. 然后在div中插入一个main DIV,再在div中插入一个包含thead和tabody的table表格。

  6. 插入之后,可以先在浏览器中查看一下内容,可以看到只是几行字,一点样式都没有,这就需要为其添加Jquery Mobile中的样式

  7. 为其添加data-role="table"和其他属性,不用再另添加新的样式,就可以使得表格更像一个表格

  8. 这样,表格就做好了。其可以随着页面的放大而改变自己的样式,与屏幕相适应。