How to increase the width of a SharePoint Online List column in a List WebPart


I am trying to increase the width of a column in a SharePoint Online List Web Part. Unfortunately, none of the suggestions offered in StackExchange work for me. I have been adding javascript in a Modern Script Editor Web part as shown below but it is not increasing the width of the column.

.ms-DetailsHeader-cell
{
width: 310px;
}

[![enter image description here][1]][1]

[1]: https://i.stack.imgur.com/P7VFv.png