Skip to content

Commit

Permalink
table is-selectable
Browse files Browse the repository at this point in the history
  • Loading branch information
@YamiOdymel
YamiOdymel committed Oct 26, 2024
1 parent b5f4f32 commit 747b5a6
Show file tree
Hide file tree
Showing 2 changed files with 66 additions and 0 deletions.
33 changes: 33 additions & 0 deletions translations/en-us/components/table.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -313,6 +313,39 @@ Definitions:
</tbody>
</table>
- Title: Selectable
Anchor: Selectable
Description: A table can have its rows appear selectable.
HTML: |
<div class="{{ts-box}}">
<table class="ts-table [[is-selectable]]">
<thead>
<tr>
<th>Name</th>
<th>Calories</th>
<th>Protein</th>
</tr>
</thead>
<tbody>
<tr>
<td>Banana</td>
<td>88 kcal / 100g</td>
<td>1.1g</td>
</tr>
<tr>
<td>Apple</td>
<td>52 kcal / 100g</td>
<td>0.3g</td>
</tr>
<tr>
<td>Watermelon</td>
<td>30 kcal / 100g</td>
<td>0.6g</td>
</tr>
</tbody>
</table>
</div>
- Title: Sticked
Anchor: Sticked
Description: A table can stick its cell contents to the edge of the table.
Expand Down
33 changes: 33 additions & 0 deletions translations/zh-tw/components/table.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -313,6 +313,39 @@ Definitions:
</tbody>
</table>
- Title: 可選擇的
Anchor: Selectable
Description: 使某個行列在游標移上時有反應。
HTML: |
<div class="{{ts-box}}">
<table class="ts-table [[is-selectable]]">
<thead>
<tr>
<th>食物</th>
<th>熱量</th>
<th>蛋白質</th>
</tr>
</thead>
<tbody>
<tr>
<td>香蕉</td>
<td>88 kcal / 100g</td>
<td>1.1g</td>
</tr>
<tr>
<td>蘋果</td>
<td>52 kcal / 100g</td>
<td>0.3g</td>
</tr>
<tr>
<td>西瓜</td>
<td>30 kcal / 100g</td>
<td>0.6g</td>
</tr>
</tbody>
</table>
</div>
- Title: 貼邊的
Anchor: Sticked
Description: 使文字左右靠齊邊緣而不會有內距。
Expand Down

0 comments on commit 747b5a6

Please sign in to comment.