Question

这里我在头部使用smarty我添加所有jquery移动库...但我无法添加填充功能..我不知道我的代码有什么问题..我想在我的数据表中添加填充选项..

{extends file="./main.tpl"}
{block name=head}
  <meta name=viewport content="user-scalable=no,width=device-width" />
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
  <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
{/block}
{block name=body}
<table cellspacing="0" class="ui-responsive table-stroke" data-role="table" id="sample" data-mode="columntoggle" data-top-container="true" data-bottom-container="true" data-inset="true" data-filter="true" align="center" border="1">
    <h2 align="center"><b>Loan List</b></h2>
    <tr>
        <th align="center">Party</th>
        <th align="center">Phone Number</th>
        <th align="center">Date</th>
        <th align="center">Amount</th>
        <th align="center">Interst</th>
        <th align="center">Given Amount</th>
    </tr>
    {section name="sec" loop=$loanListArray}
    <tr>
    <td align="left">{$loanListArray[sec].partyName}</td>
      <td align="left">{$loanListArray[sec].phoneNumber}</td>
      <td align="left">{$loanListArray[sec].loanDate|date_format:"%e-%m-%Y"}</td>
      <td align="right">{$loanListArray[sec].amount}</td>
      <td align="right">{$loanListArray[sec].interst}</td>
      <td align="right">{$loanListArray[sec].givenAmount}</td>
    </tr>
    {/section}
    <tr>
        <th align="right" colspan="3">Total :</th>
        <th>{$totalAmm}</th>
        <th>{$totalInt}</th>
        <th>{$totalgiven}</th>`enter code here`
    </tr>
    </table>

{/block}

Answer 1

表格定义需要<thead>和<tbody>部分。根据JQM文档： “务必在表格中包含thead和tbody元素”。希望有所帮助。

jquery移动数据表过滤器

1 个答案: