আমি বুটস্ট্র্যাপ 3 টেবিল ব্যবহার করে স্থির শিরোনাম এবং একটি স্ক্রোলযোগ্য সামগ্রী দিয়ে একটি টেবিল তৈরি করার চেষ্টা করছি। দুর্ভাগ্যক্রমে আমি যে সমাধানগুলি পেয়েছি সেগুলি বুটস্ট্র্যাপ বা শৈলীতে বিশৃঙ্খলা নিয়ে কাজ করে না।
এখানে একটি সাধারণ বুটস্ট্র্যাপ টেবিল রয়েছে, তবে কোনও কারণে আমার কাছে অজানা টিডিটির উচ্চতা 10px নয়।
height: 10px !important; overflow: scroll;
উদাহরণ:
<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<table class="table table-striped">
<thead>
<tr>
<th>Make</th>
<th>Model</th>
<th>Color</th>
<th>Year</th>
</tr>
</thead>
<tbody style="height: 10px !important; overflow: scroll; ">
<tr>
<td class="filterable-cell">111 Ford</td>
<td class="filterable-cell">Escort</td>
<td class="filterable-cell">Blue</td>
<td class="filterable-cell">2000</td>
</tr>
<tr>
<td class="filterable-cell">Ford</td>
<td class="filterable-cell">Escort</td>
<td class="filterable-cell">Blue</td>
<td class="filterable-cell">2000</td>
</tr>
<tr>
<td class="filterable-cell">Ford</td>
<td class="filterable-cell">Escort</td>
<td class="filterable-cell">Blue</td>
<td class="filterable-cell">2000</td>
</tr>
<tr>
<td class="filterable-cell">Ford</td>
<td class="filterable-cell">Escort</td>
<td class="filterable-cell">Blue</td>
<td class="filterable-cell">2000</td>
</tr>
</tbody>
</table>