app表格

    <style>
        table td{
            border:1px solid;
            width:25%;
        }
    </style>

<table style="width:100%;border-collapse:collapse;" >
        <tr style="text-align:center;height:3em;">
                <td style="width:25%;">商品名称</td>
                <td style="width:20%;">人数</td>
                <td style="width:20%;">天数</td>
                <td style="width:35%;">总&nbsp;数</td>
        </tr>
          <tr style="text-align:center;height:3em;">
            <td>牛奶</td>
            <td class="uinput c-wh breakword"><input id="milk1" style="height:3em;width:100%;text-align:center" onkeyup="value=value.replace(/[^\d\.]/g,‘‘);SumNummilk();"></td>
           <td style="text-align:center" class="uinput c-wh"><input id="milk2" style="height:3em;text-align:center" onkeyup="value=value.replace(/[^\d\.]/g,‘‘);SumNummilk();"></td>
           <td style="text-align:center" class="uinput c-wh"><input id="milks" style="height:3em;text-align:center" onkeyup="value=value.replace(/[^\d\.]/g,‘‘);"></td>
        </tr>
          <tr style="text-align:center;height:3em;">
            <td>鸡蛋</td>
          <td class="uinput c-wh"><input id="egg1" style="height:3em;text-align:center" onkeyup="value=value.replace(/[^\d\.]/g,‘‘);SumNumegg();"></td>
            <td style="text-align:center" class="uinput c-wh"><input onkeyup="value=value.replace(/[^\d\.]/g,‘‘);SumNumegg();" id="egg2" style="height:3em;text-align:center"></td>
           <td style="text-align:center" class="uinput c-wh"><input onkeyup="value=value.replace(/[^\d\.]/g,‘‘);" id="eggs" style="height:3em;text-align:center"></td>
        </tr>
    </table>

app表格

原文：http://www.cnblogs.com/chencheng365/p/4186427.html