How to avoid HTML Table breaks the page in the mobile devices? - html-table

Question

I am working with the HTML table, it works perfectly on the computer. But when I am loading it on the mobile the page getting break I mean the width of the page is increasing for adjusting the table columns. You can see the issue on this https://teluguhitflopmovieslist.blogspot.com/2019/06/Sneha-Movies-List-Hits-Flops-Blockbusters-Average-Box-Office-Verdict.html run this in mobile. I want table shouldn't increase the width of the page. For example, you see the Wikipedia tables in mobile https://en.wikipedia.org/wiki/Sneha_(actress)#Filmography in this table not breaking the page this is what I am looking for. Sorry, I tried my best to convey the issue, if you have a solution please help.
<table border="2" class="wikitable sortable">
<tbody>
<tr align="center" bgcolor="#CCCCCC">
<th>Year
</th>
<th>Film
</th>
<th>Role
</th>
<th>Language
</th>
<th>Notes
</th></tr>
<tr>
<td rowspan="2">2000</td>
<td><i>Ingane Oru Nilapakshi</i></td>
<td>Manasi</td>
<td>Malayalam</td>
<td></td></tr>
<tr>
<td><i>Ennavale</i></td>
<td>Lakshmi</td>
<td>Tamil</td>
<td></td></tr>
<tr>
<td rowspan="6">2001</td>
<td><i>Tholi Valapu</i></td>
<td>Soumya</td>
<td>Telugu</td>
<td></td></tr>
<tr>
<td><i>Aanandham</i></td>
<td>Viji</td>
<td rowspan="2">Tamil</td>
<td></td></tr>
<tr>
<td><i>Kannathil Muthamittal</i></td>
<td>Indira</td>
<td></td></tr>
<tr>
<td><i>Priyamaina Neeku</i>/<i><a class="mw-redirect" href="https://www.blogger.com/wiki/Kadhal_Sugamanathu" title="Kadhal Sugamanathu">Kadhal Sugamanathu</a></i></td>
<td>Sandhya</td>
<td>Telugu <br />
Tamil</td>
<td></td></tr>
<tr>
<td><i>Paarthale Paravasam</i></td>
<td>Chella</td>
<td>Tamil</td>
<td></td></tr>
<tr>
<td><i>Hanuman Junction</i></td>
<td>Meenkashi</td>
<td>Telugu</td>
<td></td></tr>
<tr>
<td rowspan="7">2002</td>
<td><i>Pammal K. Sambandam</i></td>
<td>Malathi Anand</td>
<td rowspan="14">Tamil</td>
<td></td></tr>
<tr>
<td><i>Punnagai Desam</i></td>
<td>Priya</td>
<td>Tamil Nadu State Film Award for Best Actress
</td></tr>
<tr>
<td><i>Unnai Ninaithu</i></td>
<td>Radha</td>
<td>Filmfare Award for Best Supporting Actress – Tamil
</td></tr>
<tr>
<td><i>Yai! Nee Romba Azhaga Irukke!</i></td>
<td>Raji</td>
<td></td></tr>
<tr>
<td><i>King</i></td>
<td>Tamil</td>
<td></td></tr>
<tr>
<td><i><a class="mw-redirect" href="https://www.blogger.com/wiki/April_Madhathil" title="April Madhathil">April Madhathil</a></i></td>
<td>Swetha</td>
<td>Nominated, Filmfare Award for Best Actress – Tamil
</td></tr>
<tr>
<td><i>Virumbugiren</i></td>
<td>Thavamani</td>
<td>Tamil Nadu State Film Award for Best Actress<br />
Nominated – Filmfare Award for Best Actress – Tamil
</td></tr>
<tr>
<td rowspan="2">2003</td>
<td><i>Vaseegara</i></td>
<td>Priya Vishwanathan</td>
<td></td></tr>
<tr>
<td><i>Parthiban Kanavu</i></td>
<td>Sathya,Janani</td>
<td>Nominated – Filmfare Award for Best Actress – Tamil
</td></tr>
<tr>
<td rowspan="6">2004</td>
<td><i>Vasool Raja MBBS</i></td>
<td>Janaki Vishwanathan</td>
<td></td></tr>
<tr>
<td><i>Jana</i></td>
<td>Manimegalai</td>
<td></td></tr>
<tr>
<td><i>Bose</i></td>
<td>Charu</td>
<td></td></tr>
<tr>
<td><i>Autograph</i></td>
<td>Divya</td>
<td>Nominated – Filmfare Award for Best Actress – Tamil
</td></tr>
<tr>
<td><i>Adhu</i></td>
<td>Meera</td>
<td></td></tr>
<tr>
<td><i>Venky</i></td>
<td>Sravani</td>
<td>Telugu</td>
<td></td></tr>
<tr>
<td rowspan="6">2005</td>
<td><i>Aayudham</i></td>
<td>Maha</td>
<td>Tamil</td>
<td></td></tr>
<tr>
<td><i><a class="mw-redirect" href="https://www.blogger.com/wiki/Sankranthi_(film)" title="Sankranthi (film)">Sankranthi</a></i></td>
<td>Anjali</td>
<td rowspan="2">Telugu</td>
<td></td></tr>
<tr>
<td><i>Radha Gopalam</i></td>
<td>Radha</td>
<td>Nandi Special Jury Award
</td></tr>
<tr>
<td><i>Chinna</i></td>
<td>Gayathri Vikram</td>
<td rowspan="2">Tamil</td>
<td></td></tr>
<tr>
<td><i>ABCD</i></td>
<td>Chandra</td>
<td></td></tr>
<tr>
<td><i><a class="mw-redirect" href="https://www.blogger.com/wiki/That_is_Pandu" title="That is Pandu">That is Pandu</a></i></td>
<td>Anjali</td>
<td rowspan="3">Telugu</td>
<td></td></tr>
<tr>
<td rowspan="6">2006</td>
<td><i>Sri Ramadasu</i></td>
<td>Kamala</td>
<td></td></tr>
<tr>
<td><i>Evandoi Srivaru</i></td>
<td>Divya</td>
<td></td></tr>
<tr>
<td><i>Thuruppu Gulan</i></td>
<td>Lakshmi</td>
<td>Malayalam</td>
<td></td></tr>
<tr>
<td><i>Pudhupettai</i></td>
<td>Krishnaveni</td>
<td>Tamil</td>
<td>Nominated – Filmfare Award for Best Actress – Tamil
</td></tr>
<tr>
<td><i><a class="mw-redirect" href="https://www.blogger.com/wiki/Ravi_Shastri_(film)" title="Ravi Shastri (film)">Ravi Shastri</a></i></td>
<td>Bhanu</td>
<td><a class="mw-redirect" href="https://www.blogger.com/wiki/Kannada_language" title="Kannada language">Kannada</a></td>
<td></td></tr>
<tr>
<td><i>Manasu Palike Mouna Raagam</i></td>
<td>Gowri</td>
<td rowspan="3">Telugu</td>
<td></td></tr>
<tr>
<td rowspan="4">2007</td>
<td><i><a class="mw-redirect" href="https://www.blogger.com/wiki/Maharadhi" title="Maharadhi">Maharadhi</a></i></td>
<td>Bhairavi</td>
<td></td></tr>
<tr>
<td><i>Madhumasam</i></td>
<td>Hamsa Vahini</td>
<td></td></tr>
<tr>
<td><i>Naan Avanillai</i></td>
<td>Anjali</td>
<td rowspan="4">Tamil</td>
<td></td></tr>
<tr>
<td><i>Pallikoodam</i></td>
<td>Kokila Vetrivel</td>
<td>Nominated – Filmfare Award for Best Actress – Tamil
</td></tr>
<tr>
<td rowspan="8">2008</td>
<td><i>Pirivom Santhippom</i></td>
<td>Visalakshi Nadesan</td>
<td>Tamil Nadu State Film Award for Best Actress <br />
Vijay Award for Best Actress<br />
Nominated—Vijay Award for Favourite Heroine<br />
Nominated – Filmfare Award for Best Actress – Tamil
</td></tr>
<tr>
<td><i>Inba</i></td>
<td>Priya</td>
<td></td></tr>
<tr>
<td><i>Nee Sukhame Ne Korukunna</i></td>
<td>Swapna</td>
<td>Telugu</td>
<td></td></tr>
<tr>
<td><i>Pandi</i></td>
<td>Bhuvana</td>
<td>Tamil</td>
<td></td></tr>
<tr>
<td><i><a class="mw-redirect" href="https://www.blogger.com/wiki/Panduranga_(film)" title="Panduranga (film)">Pandurangadu</a></i></td>
<td>Lakshmi</td>
<td>Telugu</td>
<td></td></tr>
<tr>
<td><i>Kuselan/Kathanayakudu</i></td>
<td>Herself</td>
<td>Tamil<br />
Telugu</td>
<td>Cameo appearance in the song 'Cinema Cinema'
</td></tr>
<tr>
<td><i>Adivishnu</i></td>
<td>Anjali</td>
<td>Telugu</td>
<td></td></tr>
<tr>
<td><i>Silambattam</i></td>
<td>Gayathri</td>
<td>Tamil</td>
<td></td></tr>
<tr>
<td rowspan="2">2009</td>
<td><i>Achchamundu! Achchamundu!</i></td>
<td>Malini Kumar</td>
<td>Tamil</td>
<td>Edison Award for Best Actress<br />
Nominated – Filmfare Award for Best Actress – Tamil
</td></tr>
<tr>
<td><i>Amaravathi</i></td>
<td>Latha Venkat</td>
<td>Telugu</td>
<td></td></tr>
<tr>
<td rowspan="6">2010</td>
<td><i>Goa</i></td>
<td>Suhasini Fernando</td>
<td rowspan="3">Tamil</td>
<td></td></tr>
<tr>
<td><i>Theeradha Vilaiyattu Pillai</i></td>
<td>Dr. Ramya</td>
<td>Cameo appearance
</td></tr>
<tr>
<td><i><a class="mw-redirect" href="https://www.blogger.com/wiki/Angaadi_Theru" title="Angaadi Theru">Angaadi Theru</a></i></td>
<td>Herself</td>
<td>Cameo appearance
</td></tr>
<tr>
<td><i><a class="mw-redirect" href="https://www.blogger.com/wiki/Pramaani" title="Pramaani">Pramaani</a></i></td>
<td>Janaki</td>
<td rowspan="2">Malayalam</td>
<td></td></tr>
<tr>
<td><i><a class="mw-redirect" href="https://www.blogger.com/wiki/Shikkar,_The_Hunt" title="Shikkar, The Hunt">Shikkar, The Hunt</a></i></td>
<td>Kaveri</td>
<td></td></tr>
<tr>
<td><i>Vandae Maatharam</i></td>
<td>Nandhini</td>
<td>Malayalam<br />
Tamil</td>
<td></td></tr>
<tr>
<td rowspan="3">2011</td>
<td><i>Bhavani IPS</i></td>
<td>Bhavani</td>
<td rowspan="2">Tamil</td>
<td></td></tr>
<tr>
<td><i>Ponnar Shankar</i></td>
<td>Arukkaani</td>
<td></td></tr>
<tr>
<td><i>Rajanna</i></td>
<td>Lachamma</td>
<td>Telugu</td>
<td></td></tr>
<tr>
<td rowspan="2">2012</td>
<td><i>Oru Kal Oru Kannadi</i></td>
<td>Jennifer</td>
<td rowspan="5">Tamil</td>
<td>Guest appearance
</td></tr>
<tr>
<td><i>Murattu Kaalai</i></td>
<td>Bhuvana</td>
<td></td></tr>
<tr>
<td>2013</td>
<td><i>Haridas</i></td>
<td>Amudhavalli</td>
<td>Nominated – Filmfare Award for Best Actress – Tamil <br />
Nominated—Vijay Award for Best Actress
</td></tr>
<tr>
<td rowspan="4">2014</td>
<td><i>Pannaiyarum Padminiyum</i></td>
<td>Shanmugam's daughter</td>
<td>Special appearance
</td></tr>
<tr>
<td><i>Un Samayal Arayil</i></td>
<td rowspan="3">Gowri</td>
<td></td></tr>
<tr>
<td><i><a class="mw-redirect" href="https://www.blogger.com/wiki/Ulavacharu_Biryani" title="Ulavacharu Biryani">Ulavacharu Biryani</a></i></td>
<td>Telugu</td>
<td></td></tr>
<tr>
<td><i>Oggarane</i></td>
<td>Kannada</td>
<td></td></tr>
<tr>
<td rowspan="3">2015</td>
<td><i>S/O Satyamurthy</i></td>
<td>Lakshmi</td>
<td>Telugu</td>
<td>Nominated -SIIMA Award for Best Supporting Actress
</td></tr>
<tr>
<td><i>JK Enum Nanbanin Vaazhkai/Rajadhi Raja</i></td>
<td>Herself</td>
<td>Tamil<br />
Telugu</td>
<td>Cameo appearance
</td></tr>
<tr>
<td><i>Kaaval</i></td>
<td>Herself</td>
<td>Tamil</td>
<td>Cameo appearance
</td></tr>
<tr>
<td>2016</td>
<td><i>Ore Mukham</i></td>
<td>Bhama</td>
<td rowspan="2">Malayalam</td>
<td></td></tr>
<tr>
<td rowspan="2">2017</td>
<td><i>The Great Father</i></td>
<td>Michelle David</td>
<td></td></tr>
<tr>
<td><i>Velaikkaran</i></td>
<td>Kasthuri</td>
<td>Tamil</td>
<td>Nominated - SIIMA Award for Best Supporting Actress
</td></tr>
<tr>
<td rowspan="4">2019</td>
<td><i>Vinaya Vidheya Rama</i></td>
<td>Konidela Gayatri Devi</td>
<td>Telugu</td>
<td></td></tr>
<tr>
<td><i><a class="mw-redirect" href="https://www.blogger.com/wiki/Muniratna_Kurukshetra" title="Muniratna Kurukshetra">Muniratna Kurukshetra</a></i></td>
<td>Draupadi</td>
<td>Kannada</td>
<td>Post-production
</td></tr>
<tr>
<td>Untitled film with Dhanush</td>
<td>TBA</td>
<td rowspan="2">Tamil</td>
<td rowspan="2">Filming
</td></tr>
<tr>
<td><i>Vaan</i></td>
<td>TBA
</td></tr>
</tbody></table>
<h2>
<span class="mw-headline" id="Television">Television</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span>edit<span class="mw-editsection-bracket">]</span></span></h2>
<table class="wikitable sortable">
<tbody>
<tr align="center" bgcolor="#CCCCCC">
<th>Year
</th>
<th>Program
</th>
<th>Role
</th>
<th>Channel
</th>
<th>Language
</th>
<th>Notes
</th></tr>
<tr>
<td>2013–2014</td>
<td><i>Melam Kottu Thali Kattu</i></td>
<td rowspan="2">Host</td>
<td rowspan="2">Puthuyugam TV</td>
<td rowspan="7">Tamil</td>
<td></td></tr>
<tr>
<td>2014</td>
<td><i>Melam Kottu Thali Kattu season 2</i></td>
<td></td></tr>
<tr>
<td>2016–2017</td>
<td><i>Dance Jodi Dance</i></td>
<td rowspan="5">Judge</td>
<td rowspan="5">Zee Tamil</td>
<td></td></tr>
<tr>
<td rowspan="2">2017</td>
<td><i>Dancing Khilladies</i></td>
<td></td></tr>
<tr>
<td><i>Zee Dance League</i></td>
<td></td></tr>
<tr>
<td>2017–2018</td>
<td><i>Dance Jodi Dance 2.0</i></td>
<td></td></tr>
<tr>
<td>2019-Present</td>
<td><i>Dance Jodi Dance Juniors</i></td>
<td></td></tr>
</tbody></table>

Answer 1

Making <table>s responsive is a bit tricky, but there are several patterns available that you can utilize. CSS-Tricks has a great article which explores the most common ones and explains pros & cons of each strategy.
https://css-tricks.com/accessible-simple-responsive-tables/

Answer 2

Try this, set media query for mobile devices as you have to decrease the font-size for the text on smaller devices.
#include media-breakpoint-down(sm) {
.wikitable{
font-size: 10px;
}
}
or
#media (max-width: 575.98px) {
.wikitable {
font-size: 10px;
}
}