How to display formatted text in cells?

[alexbibleParticipant]

Hi,

I would like to put my entire parallel Bible like this:
http://talmidimedition.x40x.net/jQwidgets/demos/jqxdatatable/javascript-datatable-nested-tables.htm

However, different words have different colors, like this:
http://talmidimedition.x40x.net/__markup.html

I think this will be considered “large data”.
I’m not sure how to decide which way to go: json, xml, csv, or even php-mysql.

Considering I need to be able to markup my text to display different words in different colors/fonts,etc,
and taking into account more than 30000 records for the whole Bible,
What is the best way to go?

Thank you,
Alex

[DimitarParticipant]

Hi Alex,

You can use a data source of your choice, but to manage the large data, we suggest you implement a data table with serverProcessing: true or a grid with Virtual Paging. To colour/style the words, you can make use of the cellsRenderer functionality. Here is a help topic about it: http://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxgrid/jquery-grid-cellsrendering.htm.

Please also note that there is a specialized jqxDataTable forum: http://www.jqwidgets.com/community/forum/datatable/ and this is the forum for the jqxFormattedInput and jqxComplexInput widgets.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[alexbibleParticipant]

Hi Dimitar,

Thank you for your response!

I had actually looked into the cellsRenderer, and also jqxFormattedInput and jqxComplexInput but I was unable to understand how to make it display different words in different colors within the same cell.

In other words, I don’t understand how to get the data table to recognize my marked-up text as I have here: http://talmidimedition.x40x.net/__markup.html
Or how to markup in a way that the jqwidgets will understand and render.
Are there any examples with this kind of html css applied within the cells?

Thanks again,
Alex

[DimitarParticipant]

Hi Alex,

Here is an an even simpler approach (no use of cellsRenderer) I think will be helpful to you: http://jsfiddle.net/Dimitar_jQWidgets/0y4LrL6o/.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[alexbibleParticipant]

Wow Dimitar! Thank you very much!

Here’s my progress so far:
http://talmidimedition.x40x.net/_jQwidgets/mobiledemos/jqxgrid/_grid.htm?(blackberry)&=fullscreen

I’m having trouble with the virtual mode but I will post my problem in a more appropriate section.
Thank you kindly,

Alex

[Author]

Posts