Showing values and columns, Sporty theme

Hi ragulin,
Thanks for writing. This doesn’t sound theme related. What you should do first (if you haven’t already) is RTFM. Are you entering the shortcode on the TEXT tab (vs the VISUAL tab)? Are your display settings correct? What is the exact incantation you’re using for the plugin? Are you using the team SLUG, not the team NAME?

Let me know.

-Mark

Hello, thank you for your answer. I am sorry about such a late reply, but I had a lot of other work, though the problem is still alive.
The shortcode
[mstw-tr-roster team=team-slug]

Is supossed to be in HTML partition of the page? And should I write it like…
[mstw-tr-roster team=nameofteam]

Or how? I am amateur, so my questions might be kinda stupid…

All right, it is already working, somehow. THank you from your help, though I have another question…how to formate the columns, so the text will be in the middle?
I would go for <style=”text-align center”> though I dunno how to use it in this plugin.
I have also problem with width of the tables, cos on devices with smaller screen, it goes out of the page….

I would also like to have the table sorted by position…is this somehow possible? THank you very much

Hi ragulin,
Sorry for the delayed response, I had other matters to deal with leading up to 4/15! ??

1. To format the columns, like centering the text, you need to edit the plugin’s stylesheet – /css/mstw-tr-style.css. Find this selector:

`
tr.mstw-tr-odd td, tr.mstw-tr-even td {
padding-left: 5px;
border-top: #95B3D7 solid 1px;
vertical-align: middle;
}
`

and add the following rule to it:

text-align: center;

2. Regarding tables running off small screens, there are a couple of things you can do with your theme and CSS, BUT rosters are tables because they contain a lot of data (columns) and it needs to be organized on separate rows to really make sense. They do not fit on small screens. With some heavy CSS, you can do a little better. For example, see this post on treehouse. If you know the roster is going to be in a small space, a left or right widget column say, you can only show a couple of columns, maybe number and name, and let users click through for the player profile for more info. (The profile is responsive on small screen sizes because it’s not a table.)

3. Roster tables cannot be sorted by position without some non-trivial code changes.

Regards,
-Mark

And what about something like this?

<div class=”tablepress-scroll-wrapper”></div>

.tablepress-scroll-wrapper {
	overflow-x: auto;
	overflow-y: hidden;
}

Should it work in roster tables?

Yeah, it works, thanks for help ! ?? I know that I am annoying, though is there posibility to make only some of the columns be centered…like…I would love to have colmun -rok narozeni- and -pozice- and -?íslo- centered, and others leave like it is…how should I do it? Thank you very much,you can check the link for seeing what I mean

https://skkelti.cz/soupiska-a/

Hi ragulin,
Your site looks great. (Wish I could read it!! ?? )

Yup, that will work, depending on what exactly you want your table to do. Not every user wants this behavior, but I may move it into core as the default. ??

Sure, you can change a single column using a rule like the following:

div.teamrosters-scroll-wrapper table td:nth-child(2) {
  text-align: left;
}

Regards,
-Mark