Reg: Colvis / Buttons with Semantic UI and Server Side Loading

Vivek Todur

Dear Allan,

Normally Buttons extension works perfectly fine with DataTables with SemanticUI, But when I am loading data using Server Side scripts, Buttons/Colvis Bar suddenly disappears. I am using all latest libraries in google chrome browser. Any help on this is highly appreciated.

Warm Regards,
Vivek

allan

Thanks for your question - however, per the forum rules can you link to a test case showing the issue please. This will allow the issue to be debugged.

Information on how to create a test page, if you can't provide a link to your own page can be found here.

Thanks,
Allan

Vivek Todur

Dear Allan,

Thanks for your quick response. I tried creating JSFiddle, but finding it bit difficult integrate ajax call. But I guess that would give some basic idea on what I am trying to achieve. JSFiddle

Also here is the Debugger Code: ubowit

Vivek Todur

Dear Allan,

Thanks for your quick response. I tried creating JSFiddle, but finding it bit difficult integrate ajax call. But I guess that would give some basic idea on what I am trying to achieve. JSFiddle

Also here is the Debugger Code: ubowit

Vivek Todur

Dear Allan,

Thanks for your quick response. I tried creating JSFiddle, but finding it bit difficult integrate ajax call. But I guess that would give some basic idea on what I am trying to achieve.

JSFiddle: https://jsfiddle.net/Vivek_Todur/3juqr7x3/11/
Also here is the Debugger Code: ubowit

allan

You need to do the appendTo stuff inside initComplete. Keep in mind that because you are using Ajax it is asynchronous!

Allan

Vivek Todur

Thanks for your replay Allan.

Here is test page as you requested. jsFiddle

In the Java script section remove comment from line 8 and 9, you will observe Copy and Column Visibility buttons will disappear. I am not sure why this is happening. It would be great if you could review and suggest some solution.

Being a biologist this is the maximum what I can do. Alternatively if you can point me to / suggest example that includes the following features.

1. Server-side processing
2. Semantic UI Theme
3. Copy and ColVis buttons

Looking forward for your response.

Thanks,
Vivek

allan

I didn't request a page :-)

I mentioned the initComplete callback in my above post, which I still don't see being used there. As I said, use that callback and do the appendTo inside it.

Allan

Vivek Todur

Hi Allan,

I have updated the code with initComplete, but still the same issue.

Thanks,
Vivek

allan

Can you give me the link to the updated fiddle please.

Vivek Todur

Hi Allan,

Here is the update link, jsFiddle

allan

I noted above (twice ):

You need to do the appendTo stuff inside initComplete

Doing that allows it to work.

Allan

Vivek Todur

That's interesting. It solved my problem.

Thank you so much Allan..
Vivek