Handsontable - slow paste - javascript

When I try pasting large amounts of data into handsontable it is very slow at taking in the data to the point that sometimes I get an unresponsive script warning for the jquery.js file. Is there a way to make is go any faster? The dataset I am using right now is ~1600 rows and 5 columns.
Here is the link to the table I am trying to paste in currently http://wiki.stat.ucla.edu/socr/index.php/SOCR_Data_Dinov_042108_Antarctic_IceThicknessMawson
Thanks

Try upgrading to the latest version:
http://handsontable.com/
This should now be resolved

Related

I'm using a DataTables plugin for my ASP.NET MVC program. The table displays without any CSS. Why?

I have been troubled with this problem for DAYS, and this is a last resort.
I am following along with a course, and in it the instructor has us use DataTables to pull a list of users from a database. The plugin is pulling data from my db correctly, and the functionality of the table seems to be working. The problem is that the table is hideous, and virtually unusable.
I'm at a loss, as I have made sure my code mimics everything from the video lesson. I've even analysed my code next to his in GitHub.
I've even made sure to use his version numbers for plugins, as the course was recorded in 2016-2017 I believe. I have considered the fact that I'm using Visual Stdio 2019, and he is not. Also, I remember there being a large bootstrap update as recently as a couple years ago. (DataTables uses bootstrap)
I'll show some code below, but here are both repos for this project(Vidly):
My Repo |
Instructor's Repo
Since this is apparently a CSS problem, I looked to how I was importing my css files. I am using a bundle inside of the BundleConfig file in the App_start folder:
But it's exactly the same as the instructor wrote it, identical.
Lastly, here's the code in relation to the first image, the page with the table in question:
I am lost.
EDIT:
Last night I was messing with my included files in the BundleConfig file and switched the dataTables to bootstrap 4 and got a more desirable result:
As you can see, this is definitely laid out better, and has the desired dimensions, but the colors of the hovered rows and certain text is still off and unappealing.
If your Bootstrap version is 4, then you need to load in the *.bootstrap4.css / *.bootstrap4.js files for DataTables (rather than *.bootstrap.* which is for Bootstrap 3).
Update for the edit
Looks like you might also be loading the jquery.dataTables.css file (the tell is the gaps in the pagination)? You can remove that. Only one of the style files should be loaded.
What is the tutorial that you were following btw?

Convert HTML + CSS to PDF with Javascript

I have an desing page(.cshtml) document that renders fine in all browser(FireFox, Chrome and IE). It uses fairly basic CSS to style it and renders fine in HTML.
I'm trying to convert it's one DIV to PDF, but I am facing issue like white spaces and page break. I have tried:
jsPDF : It had huge problems with HTML tables. I factored out my large tables and it helped but it makes a complete mess of tables and doesn't seem to get images. The tables were just break after page end. It doesn't print properly.
Windows Print : I also simply tried with windows print option in javascript, but it automatically takes the site logo image on every page of PDF and it get overlaped on data lines.
nReco : I also tried with nReco tool to convert HTML to PDF, but I am getting same output as above.
What am I missing, or how can I resolve this issue?
Try using html2pdf library as it is an easier to implement library. I have myself faced issues with jspdf and html2pdf has helped solve complex svg/grid related issues.

jQuery Datatables slow initialization in IE8

I have been working with DataTables for the last months and have already implemented server side processing with success. However the last requirement I was given was to have a search input in order to filter across all columns (like the predefault search for client side processing(CSP)).
As I antecipated that implementing that filter in server side processing (SSP) would result in a really slow query I switched my focus to CSP. Everything is working fine...except the usual suspect IE8 (requirement). The sort, paging and filtering all work really well in IE, however the initial loading is really slow and filled with "A script on this page is causing Internet Explorer to run slowly" dialogs. I spent the day reading the Datatables forum and SO looking for solutions, and did some experiments but nothing works (if I return more than ~2000 I get the damned dialog - I am testing with ~4000 rows):
-Using rows.add() in chunks of the returned JSON object (adapted the solution provided here DataTables Forum IE fix to work for version 1.10.3)
-Using deferRender = true
Notes:
1- I have some columns(4-5) that must use the render function in order to display custom data
2- I have some hidden columns (read somewhere that IE had some problems with hidden columns/table placeholder).
If someone has some more options I could try, I would be grateful!
Thank you in advance
EDIT: Couple of things I have already tried:
-Removed all the render functions;
-Made all columns not sortable;
-I have a bunch of click handlers that I was assigning in the DataTable's drawCallBack option: I switched it to delegate handlers and assigned them before initializing the table.
I still have the slow dialog...I am running my application in a VM with IE8, does the hardware have any impact? Given that the dialog is caused by the number of Javascript statements ran I doubt it, but I am not certain.

How Can I export a JavaScript Generated HTML Table to Excel?

I really shot myself in the foot this time. I'm using JavaScript to build an HTML table on one of my pages. I got everything to work fine but I can't copy this table into Excel like a normal HTML table.
I'm pretty sure it has to do with the fact it's a JS-generated table (using d3.js specifically) as when you look at the page source in the web browser, the table is obviously not there except for the few bits that were hard coded into HTML.
My problem is, I need to work with this data in Excel. I use to build these tables using PHP and that was fine but someone suggested I migrate to d3.js and didn't realize I would run into this problem. For example, if I select the entire table and copy/paste special into Excel in any way it dumps it all into one cell instead of parsing it properly.
I'm kind of stuck in a time crunch to get this data out of the browser and into Excel so rewriting my web page isn't an option.
Idea?

Micro Javascript templates not rendering correct in IE, but works fine without javascript?

This is a bit of an odd issue I'm having. I've been using John Resig' micro-templates for a meeting minutes application, and it seemed to work well, but lately I've been having an issue.
Basically the application fetches some JSON from an ajax call, and then uses the templating engine to generate a table with various actions like so:
This works fine, its a little slow in IE (javascript rendering) but it works. However randomly I'll get a stuff up in the display:
notice the gap there, its pushed it out wide, also, its made the rest of the rows squish up. I've tried every CSS/HTML trick I can think of to try and get IE to render it properly, but I'm out of ideas (any suggestions would be great!) . I'm using JQuery Sortable so you can drag each of those rows around, I noticed that when you drag it and place it again, it displays correctly. It's as if it thinks theres an extra TD there, when there isn't.
So I opened the IE developer tools and copied the inner HTML of the HTML element. Pasted this into a HTML file and put it on the server, turned off the JS so it wouldn't reload the elements and ran the page. It displays perfectly, just as in my first image.
So I'm confused as to why IE will render the page fine if the HTML is present from the start, but the templating engine causes odd stuff ups.
I'll probably look at rendering that part of the HTML on the server, and only use the templating where I need to. But has anyone come across this sort of issue before? is there any trick I can do to make it render it as it should?
we had similar problem in our company and our designer solved it. Solution was in concatenating tags one after another without spaces and/or without new line. Code is not looking great after that but still solves problem.
Thanks,
Nikola

Categories