Formatting Table Options within this Theme

Do you have the additional columns set to not display in the tablepress setup for the page? Looking at the source code, I can see it has some inline CSS hiding additional columns past the Death Rate one.

If you can get those additional columns to show, we can then work from there adjusting the CSS to widen the table and hopefully get it looking how you want.

Thanks Jarret, I do not have it set to not display in the tablepress setup.
Also, my understanding per the author @tobiasbg of the plugin of the tablepress plugin, the word press template (twentyseventeen) I am using, has to be modified for the content area to be wider. Right now, when you click on the plus sign on the table, the other columns data are actually showing underneath, which is fine, but i’d like to extend those columns from 6 to maybe 12, and figure out how to get rid of the header, as it looks like the table is in the center, instead of top center of page.

If I could figure out where the table is actually located from the source code, then perhaps I can go into theme editor to modify the content area or the table format?

Thanks,

Hmm I found your thread with the plugin author and they mention increasing the content width but doing that doesn’t allow for additional columns to show up.

You can add the following to Appearance->Customize->Additional CSS

.page-one-column .panel-content .wrap { max-width: 100%; }

That will force the content to span across the entire browser window but it doesn’t cause any additional columns to show up.

Perfect! That gets the columns looking great. Do you know what I might also add in Additional CSS to move the table to the top of the page?

And perhaps how to make First Name appear as one line, instead of two lines?

Try out this CSS

.site-header {
	height: 0px;
}

.panel-content .wrap {
	padding-top: 0;
}

.tablepress .row-1 .column-1 {
	width: 210px !important;
}

Wow, great work, sir! I appreciate that. My apologies with all the questions, just not sure where to look, but basically you see the box that says 10 entries? can that be made smaller? just like the search box to the right? its too tall, lots of space around the area when you type the text, not sure if it is related to theme or not. Is there code that takes place here as well that can modify the row1 header?, and maybe the rows with and without the plus sign?

Also, I might add is there a way to put lines on the columns between the header and footer row?

Try out this

.dataTables_length *, .dataTables_filter * {
	height: 30px;
}

.row-hover tr td {
	border-right: solid 1px black;
}

Not quite sure what you mean by the row1 header though. Are you wanting to shorten the overall height of the blue section at the top with the column names?

I figured out how to get the border I was after.
I had to enter this code in the plugin tablepress / options / frontend options

.tablepress-id-3,
.tablepress-id-3 tr,
.tablepress-id-3 tbody td,
.tablepress-id-3 thead th,
.tablepress-id-3 tfoot th {
border: solid;
}

How are you able to find what all of these values refernce to? For example, i believe COUNTY is column9, but it puts underneath my plus sign, i am wonder how i can add rows to that? Might be some styling in the table css perhaps?

Heres snapshot.

Snapshot Example

Its just looking at the source code of the site and figuring out which values to match up. For the County column, do you mean you want that to display in the table as well? Or you want it listed under the dropdown but still display the data from the table in the dropdown area?

Is there a way to make the header and foot row, match as far as the lines go? It seems that when I adjust column width its only adjusting header and footer.

I am thinking, this is because the tablepress is overriding it.

Snapshot 2

In reference to your last post:
Gotcha, wonder where I can find the source code of the table? perhaps i need to get it, and see the tags used, and then find it in the theme source code?

For the county column, leave it be, its fine being under the dropdown, but it would be nice to know how to put something in the dropdown or put it in the column.

In reference to my last post:

I am thinking I’ll have to put the same column css code in both the table and the wordpress template, just to get the lines to match up.

Heres a snapshot of the additional CSS code in the tablepress.

Snapshot 3