I’m using epubjs(0.3.93) and I want to display content in 1, 2, and 3 columns. I’ve managed to display content in 1 or 2 columns, but when I try to display it in 3 columns, only 2 columns are shown.

here is my code:

 rendition = newBook.renderTo('viewer', {
        manager: 'continuous',
        flow: 'paginated',
        width: '100%',
        height: '100%',
      });

 rendition.themes.default({
        body: {
          'column-count': `${pageColumn} !important`,
        },
      });

I haven’t found any stable method yet. I’ve tried increasing the maxwidth, adjusting column-width, and gap, but nothing seems to work. In this link,gitub link related to two page book view for any window size it’s mentioned that we can display content in “up to two columns”, the “automatic” layout now also supports up to an infinite number of columns.

I want to update the column count dynamically without using automatic layout. For instance, if I want to display content in one column, I select one column; if I want to display it in three columns, I select three columns. However, regardless of the screen size, only one or two columns are displayed, and three columns are not shown.