soumyadeepdas/TbhRichBotPublic · Community Store Listing

1/**#command2name: /richTables3answer: 4keyboard: 5parse_mode: 6aliases: 7allow_only_group: false8need_reply: false9is_web: 010#command**/11 12const html = `13<h1>Tables</h1>14 15<p>This page demonstrates table blocks introduced in Bot API 10.1.</p>16 17<hr/>18 19<h3>Basic Table</h3>20<table>21  <tr><th>Name</th><th>Role</th></tr>22  <tr><td>Alice</td><td>Developer</td></tr>23  <tr><td>Bob</td><td>Designer</td></tr>24</table>25 26<hr/>27 28<h3>Bordered Table</h3>29<table bordered>30  <tr><th>Language</th><th>Type</th></tr>31  <tr><td>JavaScript</td><td>Scripting</td></tr>32  <tr><td>Go</td><td>Compiled</td></tr>33</table>34 35<hr/>36 37<h3>Striped Table</h3>38<table striped>39  <tr><th>Month</th><th>Users</th></tr>40  <tr><td>January</td><td>1000</td></tr>41  <tr><td>February</td><td>1500</td></tr>42</table>43 44<hr/>45 46<h3>Bordered & Striped Table</h3>47<table bordered striped>48  <caption>Monthly Statistics</caption>49  <tr><th>Month</th><th>Revenue</th></tr>50  <tr><td>January</td><td>$500</td></tr>51  <tr><td>February</td><td>$750</td></tr>52</table>53 54<hr/>55 56<h3>Text Alignment</h3>57<table bordered>58  <tr><th>Left</th><th>Center</th><th>Right</th></tr>59  <tr><td align="left">Left</td><td align="center">Center</td><td align="right">Right</td></tr>60</table>61 62<hr/>63 64<h3>Rowspan & Colspan</h3>65<table bordered>66  <tr><td colspan="2" align="center">Merged Header</td><td>Value</td></tr>67  <tr><td rowspan="2">Row Span</td><td>Cell A</td><td>Cell B</td></tr>68  <tr><td>Cell C</td><td>Cell D</td></tr>69</table>70 71<hr/>72 73<h3>Vertical Alignment</h3>74<table bordered>75  <tr><td valign="top">Top</td><td valign="middle">Middle</td><td valign="bottom">Bottom</td></tr>76</table>77 78<hr/>79 80<h3>Formatted Cells</h3>81<table bordered striped>82  <tr><th>Type</th><th>Example</th></tr>83  <tr><td>Bold</td><td><b>Bold Text</b></td></tr>84  <tr><td>Italic</td><td><i>Italic Text</i></td></tr>85  <tr><td>Spoiler</td><td><tg-spoiler>Hidden Text</tg-spoiler></td></tr>86  <tr><td>Code</td><td><code>console.log()</code></td></tr>87</table>88 89<hr/>90 91<h3>Large Scrollable Table</h3>92<p>Large tables automatically become horizontally scrollable when they exceed the available message width.</p>93 94<table bordered striped>95  <caption>Wide Data Table</caption>96  <tr>97    <th>ID</th><th>Name</th><th>Country</th><th>Department</th>98    <th>Role</th><th>Experience</th><th>Projects</th><th>Status</th>99    <th>Salary</th><th>Performance</th>100  </tr>101  <tr>102    <td>1</td><td>Alice</td><td>USA</td><td>Engineering</td>103    <td>Developer</td><td>5 Years</td><td>12</td><td>Active</td>104    <td>$80,000</td><td>Excellent</td>105  </tr>106  <tr>107    <td>2</td><td>Bob</td><td>Germany</td><td>Design</td>108    <td>UI Designer</td><td>4 Years</td><td>8</td><td>Active</td>109    <td>$65,000</td><td>Very Good</td>110  </tr>111  <tr>112    <td>3</td><td>Charlie</td><td>India</td><td>Operations</td>113    <td>Manager</td><td>7 Years</td><td>15</td><td>Active</td>114    <td>$90,000</td><td>Excellent</td>115  </tr>116</table>117 118<footer>Bot API 10.1 • Tables Demo</footer>119`;120 121Api.call("editMessageText", {122  chat_id: chat.chatid,123  message_id: update.callback_query.message.message_id,124  rich_message: { html: html },125  reply_markup: {126    inline_keyboard: [127      [128        { text: "« Quotes", callback_data: "/richQuotes" },129        { text: "Home", callback_data: "/start" },130        { text: "Details »", callback_data: "/richDetails" }131      ]132    ]133  }134});