Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Sample</title>
- </head>
- <body>
- <form>
- <table border="1" cellpadding="2" cellspacing="0">
- <thead>
- <tr style="background-color: #3496d7">
- <th style="text-align: left" colspan="6">Drag a colummn header and drop it here to group by that column
- </th>
- </tr>
- <tr style="background-color: #3496d7">
- <th>Product ID</th>
- <th>Product Name</th>
- <th>Unit Price</th>
- <th>Quantity per Unit</th>
- <th>Units in Stock</th>
- <th>Discontinued</th>
- </tr>
- <tr style="background-color: #3496d7">
- <th>
- <input type="text" name="pId" />
- </th>
- <th style="text-align: left">
- <input type="text" name="pName" />
- </th>
- <th>
- <input type="text" name="unitPrice">
- <input type="submit" value="" />
- </th>
- <th>
- <input type="text" name="qperunit">
- </th>
- <th>
- <input type="text" name="unitInStock">
- <input type="submit" value="" />
- </th>
- <th>
- <input type="checkbox" name="discontinued">
- <input type="submit" value="" />
- </th>
- </tr>
- </thead>
- <tfoot>
- <tr style="background-color: #3496d7">
- <td colspan="2" style="border: hidden">
- <input type="submit" name="fisrtPage" value="<<" />
- <input type="submit" formaction="" name="previous" value="<" />
- <a href="">1</a>
- <a href="">2</a>
- <a href="">3</a>
- <a href="">4</a>
- <a href="">5</a>
- <a href="">6</a>
- <a href="">7</a>
- <a href="">8</a>
- <a href="">9</a>
- <a href="">10</a>
- <a href="">...</a>
- <input type="submit" formaction="" name="previous" value=">" />
- <input type="submit" formaction="" name="fisrtPage" value=">>" />
- <span style="text-align: center">Page Size:
- <select>
- <option>10</option>
- <option>20</option>
- <option>30</option>
- <option>40</option>
- <option>50</option>
- <option>60</option>
- <option>70</option>
- <option>80</option>
- <option>90</option>
- <option>100</option>
- </select>
- </span>
- </td>
- <td colspan="2" style="border: hidden"></td>
- <td colspan="2" style="border: hidden; text-align: end">
- <span style="text-align: end">335104 items in 33511 pages</span>
- </td>
- </tr>
- </tfoot>
- <tbody>
- <tr>
- <td>1.</td>
- <td>Tea</td>
- <td>$18.00</td>
- <td>10 boxes x 20 bags</td>
- <td>39</td>
- <td>
- <input type="checkbox" name="discontinued"></td>
- </tr>
- <tr>
- <td>2.</td>
- <td>Chang</td>
- <td>$19.00</td>
- <td>24 - 12 oz bottles</td>
- <td>17</td>
- <td>
- <input type="checkbox" name="discontinued"></td>
- </tr>
- <tr>
- <td>3.</td>
- <td>Anissed Syrup</td>
- <td>$10.00</td>
- <td>12 - 550 ml bottles</td>
- <td>13</td>
- <td>
- <input type="checkbox" name="discontinued"></td>
- </tr>
- <tr>
- <td>4.</td>
- <td>Chef Anton's Cajun Seasoning</td>
- <td>$22.00</td>
- <td>48 - 6 oz jars</td>
- <td>53</td>
- <td>
- <input type="checkbox" name="discontinued"></td>
- </tr>
- <tr>
- <td>5.</td>
- <td>Chef Anton's Gumbo Mix</td>
- <td>$21.35</td>
- <td>36 boxes</td>
- <td>0</td>
- <td>
- <input type="checkbox" name="discontinued" checked="checked"></td>
- </tr>
- <tr>
- <td>6.</td>
- <td>Grandma's Boysenberry Spread</td>
- <td>$25.00</td>
- <td>12 - 8 oz jars</td>
- <td>120</td>
- <td>
- <input type="checkbox" name="discontinued"></td>
- </tr>
- <tr>
- <td>7.</td>
- <td>Uncle Bob's Organic Dried Pears</td>
- <td>$30.00</td>
- <td>12 -1 lb. pkgs.</td>
- <td>15</td>
- <td>
- <input type="checkbox" name="discontinued"></td>
- </tr>
- <tr>
- <td>8.</td>
- <td>Northwoods Cranberry Sauce</td>
- <td>$40.00</td>
- <td>12 - 12 oz jars</td>
- <td>6</td>
- <td>
- <input type="checkbox" name="discontinued"></td>
- </tr>
- <tr>
- <td>9.</td>
- <td>Mishi Kobe Niku</td>
- <td>$97.00</td>
- <td>18 - 500 g pkgs.</td>
- <td>29</td>
- <td>
- <input type="checkbox" name="discontinued" checked="checked"></td>
- </tr>
- <tr>
- <td>10.</td>
- <td>Ikura</td>
- <td>$31.00</td>
- <td>12 - 200 ml jars</td>
- <td>31</td>
- <td>
- <input type="checkbox" name="discontinued"></td>
- </tr>
- </tbody>
- </table>
- </form>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement