Problem with responsive tables

  • Resolved markiesp2

    (@markiesp2)


    8 years, 1 month ago

    Hi Tobias,

    My name is Mark. I’ve been using Tablepress for a few years and it’s amazing!
    However, there’s one thing I can’t seem to fix. I’ve downloaded Responsive Tables and used the following code, but somehow nothing happens: http://bit.ly/2G2orGk

    [table id=1 responsive=scroll /]

    Do you know how to make it responsive and scrollable? I’ve been Googling for some time but didn’t find an answer.

    Kind regards,
    Mark

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 1 month ago

    Hi,

    thanks for your post, and sorry for the trouble.

    The problems that you are seeing are caused by your theme, which also seems to be making changes for responsiveness of tables. The relevant code is

    // Table
$('table:not(.fixed):has(thead):has(tbody)').each(function() {
	if ($('thead tr > *', this).length >= conf.tableMobileColsThreshold) {
		$('tbody tr > *', this).each(function() {
			var label = $.trim($(this).closest('table').find('thead th').eq($(this).index()).text());
			if (label) {
				$(this)
					.addClass('alt-mobile-labeled')
					.prepend($('<label />', {'class': 'alt-mobile-label'}).text(label));
			}
		});
		$(this).addClass('alt-mobile');
	}
});

    and it’s in the JS file /wp-content/themes/time/data/js/time.js of your theme, and in minified fashion also in /wp-content/themes/time/data/js/time.min.js

    I suggest to remove this or comment it out in those files.

    Regards,
    Tobias

Viewing 1 replies (of 1 total)

The topic ‘Problem with responsive tables’ is closed to new replies.