how to add scrollbar to table in php?

Question

I was wondering how I could add a scroll to my table that is written in the php file. I do not want to write it in a style.css file, I want it directly in the php file. below is my code, but I am not able to make it to work. The table gets content from mySql database, which works. but the problem is that I get to much of content so it fills out the whole page. That is why I want to make it scrollable :

if(mysqli_num_rows($result) > 0){ 
   echo '<table border="1">';
               echo "<tr>";
                   echo "<th>Name</th>";
               echo "</tr>";
   while($row = mysqli_fetch_array($result)){
    echo "<tr>";
         echo "<td>" . $row['name'] . "</td>";
    echo "</tr>";
           }
           echo "</table>";

If the page exceeds the browser window size, the browser will automatically add scrollbars. What exactly is the problem? Do you have CSS which is preventing that automatic behavior? Are you trying to do something else? Also, PHP has nothing to do with your client-side styling. That's entirely the HTML and CSS. Whether you want it to be or not. — David
– David, Commented Jan 24, 2018 at 18:30
you can only add scroll with css.you can add inline styling for that — Sikandar_ali
– Sikandar_ali, Commented Jan 24, 2018 at 18:33
@David the page exceeds the browser, but it does not add the scroll. I do now have any css at all — Alison
– Alison, Commented Jan 24, 2018 at 18:34
@Sikandar_ali I did try adding echo "<table <style> overflow-y: scroll; </style>>"; but it did not work — Alison
– Alison, Commented Jan 24, 2018 at 18:36
This has nothing to do with PHP or MySQL, and entirely to do with HTML and CSS. — Sammitch
– Sammitch, Commented Jan 24, 2018 at 18:41

Jonny · Accepted Answer · 2018-01-24 18:42:35Z

1

If im getting your question right you need to set a width and height then set the overflow-y. This will give you a table set to a certain size with a scroll bar. Note you need to set your own width and height.

echo "<table style=\"width:500px; height:500px; overflow-y:auto\">";

answered Jan 24, 2018 at 18:42

Jonny

1,3371 gold badge16 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to add scrollbar to table in php?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related