Javascript-表标题中心对齐

Question

I am creating a table as follows

table = document.createElement('table');
table.style.textAlign = 'center';
table.setAttribute('border', '2');

var thead = document.createElement('thead');
thead.style.color = "fuchsia ";
thead.style.textAlign = 'center';

When I populate the table, the row content is center aligned as expected but the header row is always left aligned. What can I do to make it center aligned?

Thanks

Answer 1

thead is a container for th 's. The th 's always need to fill the thead and so the natural place to centre align things for a header row is within the th 's, so...

var th = document.createElement('th');
th.style.color = "fuchsia ";
th.style.textAlign = 'center';

Oh, and also, your thead hasn't got the centre alignment set, you're setting it on the table twice.