DataTableの列幅は、slotで流し込むheadersの中で指定できる。
HTML
<v-data-table :headers="headers" :items="itemlist">
JavaScript
data() {
return {
headers: [
{ text: "ColA", value: "cola", width: "10%" },
{ text: "ColB", value: "colb", width: "80%" },
{ text: "ColC", value: "cols", width: "10%" },
],
}
}
ここでは、%で指定しているが、ピクセルでも指定できるらしい。レスポンシブを考えると、%の方が良いかもしれない。