Saiku控制页面展示的数据过长自动换行(二十四)

Saiku控制页面展示的数据过长自动换行

 

目前用到saiku来展示数据，发现数据文本过长也不会自动换行，然而用户那边又需要换行（会好看些），所以就来改一改源码啦

首先我们使用谷歌浏览器 inspect 一下，找到对应的位置数据的 CSS定义

' + (wrapContent ? '

' : '') + ''; if (totalsLists[ROWS]) rowContent += genTotalDataCells(colShifted + 1, rowShifted, scanSums[ROWS], scanIndexes[ROWS], totalsLists, wrapContent); } } rowContent += ""; // Change it to let hideEmpty true by default if (options.hideEmpty && header.type === "DATA_CELL" && rowWithOnlyEmptyCells) { rowCOntent= ''; } var totals = ""; if (totalsLists[COLUMNS] && rowShifted >= 0) { totals += genTotalHeaderRowCells(rowShifted + 1, scanSums, scanIndexes, totalsLists, wrapContent); } if (batchStarted && batchSize) { if (row <= batchSize) { if (!isColHeader && !isColHeaderDone) { tableContent += ""; isColHeaderDOne= true; } tableContent += rowContent; if (totals.length > 0) { tableContent += totals; } } else { resultRows.push(rowContent); if (totals.length > 0) { resultRows.push(totals); } } } else { if (!isColHeader && !isColHeaderDone) { tableContent += ""; isColHeaderDOne= true; } tableContent += rowContent; if (totals.length > 0) { tableContent += totals; } } } if (options) { options['batchResult'] = resultRows; options['hasBatchResult'] = resultRows.length > 0; } return "" + tableContent + ""; }; SaikuTableRenderer.prototype.renderSummary = function(data) { if (data && data.query) { var hasSomethingToRender = false; var measures = data.query.queryModel.details ? data.query.queryModel.details.measures : []; var summaryData = {}; for (var i = 0; i 0) { var tokens = a.split('_'); var aggregator = tokens[0]; var axis = tokens[1]; if (aggregator !== 'nil' && aggregator !== 'not') { hasSomethingToRender = true; aggregator = aggregator.capitalizeFirstLetter(); if (!(axis in summaryData)) summaryData[axis] = []; summaryData[axis].push(m.name + ": " + aggregator); } } } } } if (hasSomethingToRender) { var summary = "

"; $.each(summaryData, function(key, aggregators) { summary += "

" + key.capitalizeFirstLetter(); for (var i = 0; i "; } } return ""; }; String.prototype.capitalizeFirstLetter = function() { return this.charAt(0).toUpperCase() + this.slice(1).toLowerCase(); }