Editing Column widths

Tagged: column widths, CSS

This topic has 7 replies, 3 voices, and was last updated 6 years, 8 months ago by mila_support.

Viewing 8 posts - 1 through 8 (of 8 total)

Author
Posts
January 27, 2016 at 02:40 #7227

Anonymous
Inactive
I don’t want all my columns the same width. I’ve tried autowidth and it doesn’t work. I have tried the css code listed on the site
#supsystic-table-6 tr td:first-child(3) {
width: 70px;
}
changing the table to table-1 and trying different widths but nothing changes. What do I do?
January 27, 2016 at 17:56 #7240
mila_support
Member
Hello!
Try to use this css code –
```
table.supsystic-table { 
    table-layout:fixed!important;
}
table.supsystic-table thead th:nth-of-type(3) {
    width: 70px!important;
}
```
Also you can change the width of columns in Table Editor – simply by dragging the right border of columns – http://prntscr.com/9vhozb
January 27, 2016 at 18:42 #7242

Anonymous
Inactive
I tried the css above. It didn’t like !important; so I took that out. I need both my 1st and 3rd column at a specific width. I could get the 1st one to work but it would also adjust the 2nd one to the same size. I couldn’t get both to work.
I tried adjusting the width in the Table Editor and it shows it on the editor side but when I preview it, the changes don’t show.
January 28, 2016 at 16:56 #7268

mila_support
Member
Hello!
A warning message about “!important” property in the css editor is intended for Web developers. As they often make mistakes with this property, they using it many times for different styles and then those styles do not work with each other. Therefore css editor warns about the use of “!important”.
Here you can find this property – https://www.w3.org/TR/CSS2/cascade.html and check the rules for its use. “!important” proerty is included in all the development standards – so you can safely use it.
Please try to use css code with “!important” property. If you still will have problems with it – please provide me link to the page with table and information about desired width of very column. I will check it and give you the right code.
August 19, 2016 at 23:08 #10586

Anonymous
Inactive
Hey,
I tried the code you posted and it only seems to work in the preview part of your editor. Also if I drag the column widths in the editor it only is displayed in the preview part. There were no changes on the website. (In the posting 7242 the user also told that the width can’t be changed with the editor)
You’re table plugin seems to be the perfect missing part of our blog but we really need to change some column widths. I tried also to enable the auto-size width feature but nothing happend. :(
Thank you!
September 5, 2016 at 18:55 #10632

mila_support
Member
Hello @christoph-uniarchiv!
Could you send us the link to your table on frontend and specify the desired width for each column? We will send you the required code.
September 7, 2016 at 00:52 #10637

Anonymous
Inactive
Ive send you a private message with the url with youre contact formular (The Homepage is still in building-process)
September 29, 2016 at 18:46 #10803

mila_support
Member
Hello Christopher!
We answered you in Internal Support and sent you the code. Please check it.
Author
Posts

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

Editing Column widths

Supsystic