Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Usage with FixedColumn plugin breaks functionality #190

Closed
Jrizzi1 opened this issue Apr 27, 2015 · 6 comments
Closed

Usage with FixedColumn plugin breaks functionality #190

Jrizzi1 opened this issue Apr 27, 2015 · 6 comments

Comments

@Jrizzi1
Copy link

Jrizzi1 commented Apr 27, 2015

So I am using datatables 1.10.6 with the most recent version of his fixedcolumn plugin on the site

but implementing fixedcolumn broke my yadcf

it seems that when fixedcolumn is called , it is creating a clone table for the frozen rows, which makes the yadcf for the frozen rows to not function at all

here is the jsfiddle of the issue

@RRaylion
Copy link

its the scrollX:100% that is killing the table -- disable and works fine

@Jrizzi1
Copy link
Author

Jrizzi1 commented May 29, 2015

@RRaylion the whole purpose of the fixedcolumn is to fix columns to the left, without the scrollX:100% , no columns stay fixed

here is the same example with double the columns
by commenting out the scrollX:100% you will see what I mean

I appreciate you trying though!

@1nickt
Copy link

1nickt commented Dec 9, 2015

@Jrizzi1 Did you fix this?

I am dealing with the same issue and am using the filter_container_id attribute for column in yadcf.init to display the filter for the fixed column elsewhere than the original column, which is hidden underneath the cloned column.

It's working OK, but I would like to put it simply in the header of the cloned column. Unfortunately the cloned table is not given an ID by DataTables, and yadcf wants an ID.

Edit: I have it working now with this code, which must be placed after initializing your DataTables table:

                  // Assign an ID to the cloned table used for the fixedColumn
                  // ( DataTables assigns class name of DTFC_Cloned ).
                  var clonedTable = document.querySelectorAll('.DTFC_Cloned');
                  for (var i = 0; i < clonedTable.length; i++)
                      clonedTable[i].id = 'DTFC_Cloned';

                  $('#DTFC_Cloned thead th:last-child').append(
                      '<span id="fixed_col_filter_container"></span>'
                  );

                  yadcf.init(myTable, [
                      { column_number: 0, filter_type: 'text', filter_container_id: 'fixed_col_filter_container' },
                      { column_number: 1, filter_type: 'text' },
                      // etc ...
                  ], 'header');

@vedmack
Copy link
Owner

vedmack commented Jan 9, 2016

Thats not perfect, but I had some progress with the fixed header, see jsbin sample (click the run with JS) http://live.datatables.net/laxinabe/38/edit

@Jrizzi1
Copy link
Author

Jrizzi1 commented Mar 17, 2016

It almost working great but i have two frozen columns, and you can see from your example, the first input spans those two columns, rather than giving two inputs in each of the two columns

image

@vedmack
Copy link
Owner

vedmack commented Sep 29, 2016

Since FixedColumn does not provide an api to work with I wont be able to support it right now.
Maybe in the future FixedColumn will be re implemented just like FixedHeader and yacf will support it out of the box (just like with FixedHeader)

@vedmack vedmack closed this as completed Sep 29, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants