Here's how to save DataFrame in Local Storage.

[KingWebsites]

I have a couple of (not-SPA) pages that need to use the same DataFrames without sharing the same JS classes. Therefore it's handy for me to store the DataFrames in the browser's Local Storage.

I had problems saving the actual danfo DataFrame object itself so I did some pre-processing and some post-processing to achieve the goal. I may have over-thought this, and if you can think of easier ways then let me know, but just in case anybody gets completely stumped by this they can use this code:

async saveDataFrameLocalStorage(dataFrame)
{
	// Save DataFrame To Local Storage

	// Need to save indexes separately
	const index = dataFrame.index;
	localStorage.setItem("dataFrameIndex", index);

	// Then save dataFrame as JSON object converted to string
	const data = dataFrame.to_json({
		download: false,
		format: "row"
	});
	localStorage.setItem("dataFrameData", JSON.stringify(data));
}


async loadDataFrameLocalStorage()
{
	// Load DataFrame From Local Storage
	// Note* - please use 'await' when calling this function

	const dataFrameData = localStorage.getItem("dataFrameData");
	const index = localStorage.getItem("dataFrameIndex");
	if (dataFrameData === null || index === null)
	{
		alert("DataFrame not found in local storage");
	}
	else
	{
		const data = JSON.parse(dataFrameData);
		let dataFrame = new dfd.DataFrame(data, {
			index: index.split(',')
		});
		//dataFrame.print();
		return dataFrame;
	}
}