Row height 25px

Custom CSS

by Flexmonster Pivot Table

HTML

<script src="https://cdn.flexmonster.com/flexmonster.js"></script>

<div id="pivot-container"></div>

CSS

#fm-pivot-view .fm-grid-row {
height: 15px;
min-height: 15px;
max-height: 15px;
}
#fm-pivot-view .fm-grid-row-mobile {
height: 15px;
min-height: 15px;
max-height: 15px;
}
#fm-pivot-view .fm-grid-layout #fm-data-sheet .fm-cell {
padding-top: 1px !important;
}
#fm-pivot-view .fm-grid-layout .fm-cell.fm-v-sort, #fm-pivot-view .fm-grid-layout .fm-cell.fm-h-sort {
padding-top: 1px !important;
}
#fm-pivot-view .fm-grid-layout div.fm-cell { 
padding-top: 0px !important;
padding-bottom: 0px !important;
}
#fm-pivot-view .fm-grid-layout i.fm-icon {
  top: -7px !important;
}

JavaScript

var pivot = new Flexmonster({
	container: "pivot-container",
  componentFolder: "https://cdn.flexmonster.com/",
		toolbar: true,
		report: {
			dataSource: {
				filename: "data/data.csv"
			},
			slice: {
				rows: [
				{ uniqueName: "Color" },
				{ uniqueName: "[Measures]" }
				],
				columns: [
				{ uniqueName: "Country" }
				],
				measures: [
				{ uniqueName: "Price", aggregation: "sum" }
				]
			},
      options: {
          showHeaders: false
      }
		}
	});