David/meilisearch-admin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add horizontal scroll to table

Browse source
This commit is contained in:
Stanislav Romanov 2022-09-09 18:41:23 +03:00
parent 95457b2bab
commit afa8c43c2b
1 changed files with 31 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

60
app/components/royal-table.hbs
View file

@ -1,33 +1,35 @@
<table class='royal-table' ...attributes>
{{#if @caption}}
<caption>
{{@caption}}
</caption>
{{/if}}
<thead>
<tr>
{{yield
(component
'royal-table/column'
place='head'
onClickHead=@onClickHead
onSort=@onSort
sortingProp=@sortingProp
sortingIconComponent=@sortingIconComponent
parent=this
)
}}
</tr>
</thead>
<tbody>
{{#each @data as |item index|}}
<div class='max-w-screen overflow-x-auto'>
<table class='royal-table' ...attributes>
{{#if @caption}}
<caption>
{{@caption}}
</caption>
{{/if}}
<thead>
<tr>
{{yield
(component 'royal-table/column' place='body' data=item parent=this)
item
index
(component
'royal-table/column'
place='head'
onClickHead=@onClickHead
onSort=@onSort
sortingProp=@sortingProp
sortingIconComponent=@sortingIconComponent
parent=this
)
}}
</tr>
{{/each}}
</tbody>
</table>
</thead>
<tbody>
{{#each @data as |item index|}}
<tr>
{{yield
(component 'royal-table/column' place='body' data=item parent=this)
item
index
}}
</tr>
{{/each}}
</tbody>
</table>
</div>