Making responsive tables in ePUB with InDesign

[jeferson_martins]

Hello there, is there anyway to make responsive tables with InDesign when you export to ePUB ?

[Steve Werner]

Moving to InDesign EPUB forum

[BobLevine]

Tables are just not responsive. The best thing I can offer is the suggestion to set it to be scrollable on smaller screens.

Add a class to the table and then add some CSS

Something like this:

@media only screen and (max-width: XXXpx) {

.table-class-name {

overflow: hidden;

overflow-x: scroll;

display:block;

}

}

You’ll need to experiment with it.

[jeferson_martins]

Thanks Bob, I've been using that code, but it isn't working. When I'm editing the ePUB, there's a specific table style to the tabels. When I export, the class "table_style" goes to the td and tr tags, not only to the table tag. Could it be the error ?

[BobLevine]

Without examining the markup in the HTML and the CSS it's impossible for me to say. Some of it will depend on the reader app, too.

[jeferson_martins]

Is it possible that in some readers it works and others it doesn't ? Which reader do you recomend ?

[BobLevine]

The books app on iPad and iOS to start with.

[jeferson_martins]

Any really good readers to Windows ?