html怎么调节表格的大小,如何垂直调整html表格的大小

我认为您正在寻找类似的东西

#window {

width: 500px;

height: 400px;

min-width: 100px;

min-height: 100px;

border-bottom: 1px solid gray;

}

#header {

height: 25px;

line-height: 25px;

background-color: gray;

color: white;

text-align: center;

}

table {

min-height: 300px;

height: 100%;

width: 100%;

border-collapse: collapse;

}

#tableContainer {

position: absolute;

top: 25px;

bottom: 0px;

left: 0px;

right: 0px;

margin: 0;

padding: 0;

overflow: auto;

}

td {

padding: 5px;

margin: 0px;

border: 1px solid gray;

}

tr:last-child td {

border-bottom: none;

}

Draggable Header

Column 1Column 2

Data 1Data 2Data 1Data 2Data 1Data 2Data 1Data 2Data 1Data 2Data 1Data 2Data 1Data 2

$(document).ready(function() {

$('#window').draggable();

$('#window').resizable();

});