जावास्क्रिप्ट में तालिकाओं को सही ढंग से लेआउट करने के लिए, tableLayout . का उपयोग करें संपत्ति। लेआउट सेट करने के लिए प्रॉपर्टी को फिक्स्ड पर सेट करें।
उदाहरण
आप जावास्क्रिप्ट के साथ तालिका कक्षों, पंक्तियों और स्तंभों को लेआउट करने का तरीका निर्धारित करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं -
<!DOCTYPE html>
<html>
<head>
<style>
table, td {
border: 2px solid blue;
}
#myID {
width: 100%;
}
</style>
</head>
<body>
<button onclick = "display()">Set Layout Property</button>
<table id = "myID">
<tr>
<td>This is a text for demo</td>
<td>This is another text</td>
</tr>
<tr>
<td>One</td>
<td>1</td>
</tr>
<tr>
<td>Two</td>
<td>2</td>
</tr>
<tr>
<td>Three</td>
<td>3</td>
</tr>
</table>
<script>
function display() {
document.getElementById("myID").style.tableLayout = "fixed";
}
</script>
</body>
</html>