Unexpected behaviour of ColReorder in combination with invisible columns

kc5151

Thanks a lot for looking into it . For some reason I was able to reproduce this in Chrome under Windows yesterday, but today I cannot. I'll re-check when I'm home, just to be sure.

I guess I'll just stay put for a new DataTables release .

kc5151

JFTR: I was unable to reproduce with Chrome. So it's really a Firefox only bug. Not sure what I did two days ago in Chrome. Sorry for the unnecessary noise

kc5151

Sorry for adding something else to this thread, but since I just altered one of the examples given earlier, I thought I might.

The layout of the following example is buggy starting from page 2; the title columns are not aligned with their content (on page 1, everything looks fine). Would somebody please have a look and nudge me into the correct direction?

https://live.datatables.net/ligaboto/1/edit

This also happens in my application, but only when I disable server side processing. With server side processing enabled, everything looks fine (I have no clue how this relates).

Thank you so much in advance!

Note: in comparison to the previous version of the example, I only added two records to the columnDef variable:

          {
            data: '__historybutton',
            _className: 'nosearchbox dt-control',
            orderable: false,
            searchable: false,
            defaultContent: '',
            type: 'hidden',
          },
          {
            data: '__editbutton',
            _className: 'nosearchbox',
            orderable: false,
            searchable: false,
            render: function (data, type, row, meta) {
              let ret = '<div><a class="editbutton fa fa-pencil-square-o btn btn-primary" href="#"></a></div>';
              return ret;
            },
            type: 'hidden',
          },

kc5151

I'm facing another problem:

https://live.datatables.net/ligaboto/1/edit

I added two records to the columnDef variable and now, starting at page 2, the title columns do not align with their content. On page 1, everything looks fine.

This also happens in my application, but only when I disable server side processing (not sure how this relates).

Could somebody please have a look again and nudge me into the correct direction?

Sorry for adding something else to this thread, but I only minimally modified a previous example by adding:

          {
            data: '__historybutton',
            _className: 'nosearchbox dt-control',
            orderable: false,
            searchable: false,
            defaultContent: '',
          },
          {
            data: '__editbutton',
            _className: 'nosearchbox',
            orderable: false,
            searchable: false,
            render: function (data, type, row, meta) {
              let ret = '<div><a class="editbutton fa fa-pencil-square-o btn btn-primary" href="#"></a></div>';
              return ret;
          },

kc5151

Anybody? I'm pretty much at a loss here

allan

I added two records to the columnDef variable and now, starting at page 2, the title columns do not align with their content. On page 1, everything looks fine.

I fear that is a bug in DataTables 2.1.7. Sorry - I don't have a fix for it yet, but I will be looking at it soon and it will be addressed for 2.1.8.

Allan

kc5151

Thanks again, Allan

allan

That's 2.1.8 available now with the fix:

• Release notes
• Download builder.

Allan

kc5151

Thanks! Will check it out next week.