Can HTML tables of about five columns or more be responsive or will there always be a horizontal scrolling for webpages containing such HTML tables in mobile display?

HTML tables can be made responsive with the help of CSS techniques. By employing CSS properties like 'overflow', 'max-width', and percentage-based values, you can ensure tables fit within mobile screens without horizontal scrolling.

Another approach includes using media queries to apply different CSS rules for various screen sizes. This can help in adjusting table layouts or even transforming tables into more mobile-friendly formats when viewed on smaller screens.

Plugins or frameworks, such as Bootstrap, provide built-in table management features that automatically adjust table layouts for responsiveness. Using these tools can drastically enhance the experience of users on mobile devices.

If you find your existing table is still causing horizontal scrolling, consider simplifying the table design, reducing column counts, or using CSS Grid to create a more flexible structure.

Read at SitePoint Forums | Web Development & Design Community