Forum
Table Manager Support
Table Manager SupportForums
Public write access is disabled. Please login
Re: Frontend design at mobiles 09.11.2021 13:32
Hi,
we have tried your page either with tablet and mobile, and we do see the datasets showing without problems, and the responsive table adjusting the layout as expected. This is the view we get here
https://www.moonsoft.es/temp/screenshot2021-11-09.png
The only slight detail we can see is the bottom border of each record overlaps a little bit with the column label when that cell is empty (for ex for the column 'hinweis'). This can be solved adding this to your css:
.tm_wrapper #tm .table > tbody > tr > td{
min-height:40px;
}
And then you may go for another details if you want to override the default style, you could add a more strong border to each record, add an extra space between records...etc, for ex, adding these styles:
@media only screen and (max-width: 800px) {
#tm .table tr {
margin-bottom: 40px !important;
border: 2px solid #1491d0 !important;;
}
}
you would get a more clear view like this one:
https://www.moonsoft.es/temp/screenshot2021-11-09withstyle.png
Hope this helps, regards
Moonsoft Team
www.moonsoft.es
we have tried your page either with tablet and mobile, and we do see the datasets showing without problems, and the responsive table adjusting the layout as expected. This is the view we get here
https://www.moonsoft.es/temp/screenshot2021-11-09.png
The only slight detail we can see is the bottom border of each record overlaps a little bit with the column label when that cell is empty (for ex for the column 'hinweis'). This can be solved adding this to your css:
.tm_wrapper #tm .table > tbody > tr > td{
min-height:40px;
}
And then you may go for another details if you want to override the default style, you could add a more strong border to each record, add an extra space between records...etc, for ex, adding these styles:
@media only screen and (max-width: 800px) {
#tm .table tr {
margin-bottom: 40px !important;
border: 2px solid #1491d0 !important;;
}
}
you would get a more clear view like this one:
https://www.moonsoft.es/temp/screenshot2021-11-09withstyle.png
Hope this helps, regards
Moonsoft Team
www.moonsoft.es