JS Wrap Cell Prompt Text

1.1 Problem Description

If using Finereport's default tooltip of cell, the text in the tooltip cannot be displayed in multiple lines, as shown in the following screenshot:

With JavaScript, it is necessary to let text be wrapped in tooltip, as shown in the following screenshot:

1.2 Solution

Use the title attribute of JavaScript.

2.1 Data preparation

Create a new report and new dataset ds1.

SQL statement of ds1:

SELECT * FROM Sales_Volume where Region = 'East China'

2.2 Design report

1) Design the report as follows：

2) In the menu bar, select Template > Web Attributes. In Pagination Preview tab,

add a Loading End event, and the JS code is:

$("td[id^=B1-]").attr("title","Statistics show sales still in service at the end of the month.\nContains sales resigned on the last day of the month");

2.3 View results

Save report，select Pagination Preview，and the results are as shown below：

Tips：Not support mobile devices.

JS_realize_cell_prompt_content_wrapping.cpt