Table Widget - Horizontal scroll

Hello lori_​,

I’m following up to see if the solution offered by TriAnthony​ worked for you.

If so, please click the 'Accept as Solution' button on the appropriate post. That way other users with the same questions can find the answer. If not, please let us know so that we can continue to help.

Thank you.

Hello lori_,

I’m following up to see if the solution offered by TriAnthony worked for you.

If so, please click the 'Accept as Solution' button on the appropriate post. That way other users with the same questions can find the answer. If not, please let us know so that we can continue to help.

Thank you.

Thank you for your answer TriAnthony !

The code worked now, but the second table took a while to receive the update, and when I switch screens, it disappears.

First table:

Second table: it has disappeared when switching the screen.

When I switch to the initial screen (which is smaller), the scrollbar appears on both tables, but it is too long to the table size – making it practically unusable.

Hi lori_,

I tried the script that Vitalii provided in the post you mentioned, and it works for me (see screenshot below for reference). Could you confirm if the below is the script you're using and that it was added as a widget script to the Table widget? If so, which version of Sisense are you using, and is it Linux or Windows?

const scrollClasses = [
	'.dataTables_scrollBody'
];

const customStyles = {
	overflow: 'scroll !important'
};


widget.on('domready', () => {
	scrollClasses.forEach((className) => {
		let styles = {};

		$(`${className}`, element).attr('style').split(';').filter(item => item).forEach(item => {
			const [key, value] = item.split(': ');
			styles[key.trim()] = value;
		})

		styles = {...styles, ...customStyles};

		const newStyles = Object.keys(styles).map((style) => `${style}: ${styles[style]}`).join('; ');
		$(`${className}`, element).attr('style', `${newStyles};`);
	})
})