diff --git a/src/ColDefFactory.jsx b/src/ColDefFactory.jsx
index 0685223..d8f714a 100644
--- a/src/ColDefFactory.jsx
+++ b/src/ColDefFactory.jsx
@@ -16,9 +16,9 @@ export default class ColDefFactory {
{
headerName: 'Employee',
children: [
- {headerName: "Name", field: "name",
+ {headerName: "Name", field: "name", enableRowGroup: true, enablePivot: true,
width: 150, pinned: true},
- {headerName: "Country", field: "country", width: 150,
+ {headerName: "Country", field: "country", width: 150, enableRowGroup: true, enablePivot: true,
// not bothering with React for country, as it's a simple HTML string
cellRenderer: countryCellRenderer, pinned: true,
filterParams: {cellRenderer: countryCellRenderer, cellHeight: 20}},
@@ -27,13 +27,13 @@ export default class ColDefFactory {
{
headerName: 'IT Skills',
children: [
- {headerName: "Skills", width: 125, suppressSorting: true, field: 'skills',
+ {headerName: "Skills", width: 125, suppressSorting: true, field: 'skills', enableRowGroup: true, enablePivot: true,
// using ag-Grid's React cellRenderer factory
cellRenderer: reactCellRendererFactory(SkillsCellRenderer),
// using ag-Grid's React filter factory
filter: reactFilterFactory(SkillsFilter)
},
- {headerName: "Proficiency", field: "proficiency", filter: 'number', width: 120,
+ {headerName: "Proficiency", field: "proficiency", filter: 'number', width: 120, enableValue: true,
// using ag-Grid's React cellRenderer factory
cellRenderer: reactCellRendererFactory(ProficiencyCellRenderer),
// using ag-Grid's React filter factory
@@ -56,8 +56,12 @@ export default class ColDefFactory {
// this is a simple cell renderer, putting together static html, no
// need to use React for it.
function countryCellRenderer(params) {
- var flag = "
";
- return flag + " " + params.value;
+ if (params.value) {
+ var flag = "
";
+ return flag + " " + params.value;
+ } else {
+ return null;
+ }
}
diff --git a/src/SkillsCellRenderer.jsx b/src/SkillsCellRenderer.jsx
index 5fe5bce..71361e4 100644
--- a/src/SkillsCellRenderer.jsx
+++ b/src/SkillsCellRenderer.jsx
@@ -7,7 +7,7 @@ export default class SkillsCellRenderer extends React.Component {
var skills = [];
var rowData = this.props.params.data;
RefData.IT_SKILLS.forEach( (skill) => {
- if (rowData.skills[skill]) {
+ if (rowData && rowData.skills && rowData.skills[skill]) {
skills.push(
);
}
});