ColVis Button Dropdown

williammarq

Good Morning,
I've been using datatables for some time now ...
But now I needed to integrate with another TOTVS Fluig web development tool.

All options work perfectly, all filters, buttons to export ...

But the ColVis button opens the dropdown outside of the main div, and is not just below the button. Is there any way to reposition the dropdown?

The source codes are correct and work perfectly if they are tested outside TOTVS Fluig. I think it's some framework library that TOTVS Fluig uses that is interfering.

Any idea how to solve this?

colin

Hi williammarq,

The ColVis extension has been retired, as the functionality is now available in the Buttons extension. I took a look and couldn't see any settings that would.

It might be worth looking at this Buttons example, as it seems it might be quick to migrate between the two.

Cheers,

Colin

williammarq

i'm using Buttons, below is my config.js

` dom: 'Bfrtip',

    buttons: [
          {
              // tipo para exportar
              extend: 'csv',

              // texto do botao
              text:   'CSV',

              // nome do arquivo
              title: 'gestao_comercial_pedidos',
              exportOptions: {
                    columns: ':visible'
                },

          },

          {
            extend: 'pdf',
            text: 'PDF',
            title: 'gestao_comercial_pedidos',
            exportOptions: {
                  columns: ':visible'
              },
          },

          {
            extend: 'excel',
            text: 'Excel',
            title: 'gestao_comercial_pedidos',
            exportOptions: {
                  columns: ':visible'
              },
          },

          {
            extend: 'copy',
            text: 'Copiar dados',
            title: 'gestao_comercial_pedidos',
            exportOptions: {
                  columns: ':visible'
              },
          },

          {
            extend: 'print',
            exportOptions: {
                  columns: ':visible'
              },
          },

          {
            extend: 'colvis',
            text:  'Colunas ',
            exportOptions: {
                  columns: ':visible'
              },
          }

        ]`

colin

Hi williammarq,

It looks like you haven't included the Buttons CSS. If you have, please could you create a live demo or send us a link to the page so we can diagnose.

Cheers,

Colin