Skip to content

Commit 415ce77

Browse files
committed
Table renders
1 parent 11ef4e2 commit 415ce77

26 files changed

+1072
-394
lines changed

.eslintrc

+2-2
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
"complexity": [1, 12],
3030
"func-names": 0,
3131
"guard-for-in": 2,
32-
"indent": [2, 4],
32+
"indent": [2, 2],
3333
"max-len": [0, 120, 4],
3434
"new-cap": [2, {"newIsCap": true, "capIsNew": false}],
3535
"quotes": [2, "single"],
@@ -48,4 +48,4 @@
4848
"globals": {
4949

5050
}
51-
}
51+
}

.gitignore

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,4 +5,4 @@
55
.DS_Store
66
.idea
77
npm-debug.log
8-
node_modules
8+
node_modules

README.md

+3-2
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,9 @@
11
# Responsive and dynamically-sized fixed headers and columns for tables
22

3-
Inspired [fixed-data-table](https://github.com/facebook/fixed-data-table)'lack of responsiveness.
3+
Inspired by [fixed-data-table](https://github.com/facebook/fixed-data-table)'s lack of responsiveness.
4+
5+
### Features
46

5-
Features:
67
- Multiple (and optional) fixed columns & headers
78
- Responsive table dimensions (wrap it in any size container and it will fill that container)
89
- Dynamic row height & column width (no need to specify width and height in pixels)

dist/Cell/index.js

+116
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,116 @@
1+
(function (global, factory) {
2+
if (typeof define === "function" && define.amd) {
3+
define(['exports', 'react', 'react-dom'], factory);
4+
} else if (typeof exports !== "undefined") {
5+
factory(exports, require('react'), require('react-dom'));
6+
} else {
7+
var mod = {
8+
exports: {}
9+
};
10+
factory(mod.exports, global.react, global.reactDom);
11+
global.index = mod.exports;
12+
}
13+
})(this, function (exports, _react, _reactDom) {
14+
'use strict';
15+
16+
Object.defineProperty(exports, "__esModule", {
17+
value: true
18+
});
19+
20+
var _react2 = _interopRequireDefault(_react);
21+
22+
var _reactDom2 = _interopRequireDefault(_reactDom);
23+
24+
function _interopRequireDefault(obj) {
25+
return obj && obj.__esModule ? obj : {
26+
default: obj
27+
};
28+
}
29+
30+
var _extends = Object.assign || function (target) {
31+
for (var i = 1; i < arguments.length; i++) {
32+
var source = arguments[i];
33+
34+
for (var key in source) {
35+
if (Object.prototype.hasOwnProperty.call(source, key)) {
36+
target[key] = source[key];
37+
}
38+
}
39+
}
40+
41+
return target;
42+
};
43+
44+
function _classCallCheck(instance, Constructor) {
45+
if (!(instance instanceof Constructor)) {
46+
throw new TypeError("Cannot call a class as a function");
47+
}
48+
}
49+
50+
var _createClass = function () {
51+
function defineProperties(target, props) {
52+
for (var i = 0; i < props.length; i++) {
53+
var descriptor = props[i];
54+
descriptor.enumerable = descriptor.enumerable || false;
55+
descriptor.configurable = true;
56+
if ("value" in descriptor) descriptor.writable = true;
57+
Object.defineProperty(target, descriptor.key, descriptor);
58+
}
59+
}
60+
61+
return function (Constructor, protoProps, staticProps) {
62+
if (protoProps) defineProperties(Constructor.prototype, protoProps);
63+
if (staticProps) defineProperties(Constructor, staticProps);
64+
return Constructor;
65+
};
66+
}();
67+
68+
function _possibleConstructorReturn(self, call) {
69+
if (!self) {
70+
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
71+
}
72+
73+
return call && (typeof call === "object" || typeof call === "function") ? call : self;
74+
}
75+
76+
function _inherits(subClass, superClass) {
77+
if (typeof superClass !== "function" && superClass !== null) {
78+
throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
79+
}
80+
81+
subClass.prototype = Object.create(superClass && superClass.prototype, {
82+
constructor: {
83+
value: subClass,
84+
enumerable: false,
85+
writable: true,
86+
configurable: true
87+
}
88+
});
89+
if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
90+
}
91+
92+
var Cell = function (_Component) {
93+
_inherits(Cell, _Component);
94+
95+
function Cell() {
96+
_classCallCheck(this, Cell);
97+
98+
return _possibleConstructorReturn(this, (Cell.__proto__ || Object.getPrototypeOf(Cell)).apply(this, arguments));
99+
}
100+
101+
_createClass(Cell, [{
102+
key: 'render',
103+
value: function render() {
104+
return _react2.default.createElement(
105+
'div',
106+
_extends({}, this.props, { className: 'cell ' + (this.props.className || '') }),
107+
_react2.default.Children.toArray(this.props.children)
108+
);
109+
}
110+
}]);
111+
112+
return Cell;
113+
}(_react.Component);
114+
115+
exports.default = Cell;
116+
});

dist/Row/index.js

+116
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,116 @@
1+
(function (global, factory) {
2+
if (typeof define === "function" && define.amd) {
3+
define(['exports', 'react', 'react-dom'], factory);
4+
} else if (typeof exports !== "undefined") {
5+
factory(exports, require('react'), require('react-dom'));
6+
} else {
7+
var mod = {
8+
exports: {}
9+
};
10+
factory(mod.exports, global.react, global.reactDom);
11+
global.index = mod.exports;
12+
}
13+
})(this, function (exports, _react, _reactDom) {
14+
'use strict';
15+
16+
Object.defineProperty(exports, "__esModule", {
17+
value: true
18+
});
19+
20+
var _react2 = _interopRequireDefault(_react);
21+
22+
var _reactDom2 = _interopRequireDefault(_reactDom);
23+
24+
function _interopRequireDefault(obj) {
25+
return obj && obj.__esModule ? obj : {
26+
default: obj
27+
};
28+
}
29+
30+
var _extends = Object.assign || function (target) {
31+
for (var i = 1; i < arguments.length; i++) {
32+
var source = arguments[i];
33+
34+
for (var key in source) {
35+
if (Object.prototype.hasOwnProperty.call(source, key)) {
36+
target[key] = source[key];
37+
}
38+
}
39+
}
40+
41+
return target;
42+
};
43+
44+
function _classCallCheck(instance, Constructor) {
45+
if (!(instance instanceof Constructor)) {
46+
throw new TypeError("Cannot call a class as a function");
47+
}
48+
}
49+
50+
var _createClass = function () {
51+
function defineProperties(target, props) {
52+
for (var i = 0; i < props.length; i++) {
53+
var descriptor = props[i];
54+
descriptor.enumerable = descriptor.enumerable || false;
55+
descriptor.configurable = true;
56+
if ("value" in descriptor) descriptor.writable = true;
57+
Object.defineProperty(target, descriptor.key, descriptor);
58+
}
59+
}
60+
61+
return function (Constructor, protoProps, staticProps) {
62+
if (protoProps) defineProperties(Constructor.prototype, protoProps);
63+
if (staticProps) defineProperties(Constructor, staticProps);
64+
return Constructor;
65+
};
66+
}();
67+
68+
function _possibleConstructorReturn(self, call) {
69+
if (!self) {
70+
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
71+
}
72+
73+
return call && (typeof call === "object" || typeof call === "function") ? call : self;
74+
}
75+
76+
function _inherits(subClass, superClass) {
77+
if (typeof superClass !== "function" && superClass !== null) {
78+
throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
79+
}
80+
81+
subClass.prototype = Object.create(superClass && superClass.prototype, {
82+
constructor: {
83+
value: subClass,
84+
enumerable: false,
85+
writable: true,
86+
configurable: true
87+
}
88+
});
89+
if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
90+
}
91+
92+
var Row = function (_Component) {
93+
_inherits(Row, _Component);
94+
95+
function Row() {
96+
_classCallCheck(this, Row);
97+
98+
return _possibleConstructorReturn(this, (Row.__proto__ || Object.getPrototypeOf(Row)).apply(this, arguments));
99+
}
100+
101+
_createClass(Row, [{
102+
key: 'render',
103+
value: function render() {
104+
return _react2.default.createElement(
105+
'div',
106+
_extends({}, this.props, { className: 'row ' + (this.props.className || '') }),
107+
_react2.default.Children.toArray(this.props.children)
108+
);
109+
}
110+
}]);
111+
112+
return Row;
113+
}(_react.Component);
114+
115+
exports.default = Row;
116+
});

dist/Table/index.js

+116
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,116 @@
1+
(function (global, factory) {
2+
if (typeof define === "function" && define.amd) {
3+
define(['exports', 'react', 'react-dom'], factory);
4+
} else if (typeof exports !== "undefined") {
5+
factory(exports, require('react'), require('react-dom'));
6+
} else {
7+
var mod = {
8+
exports: {}
9+
};
10+
factory(mod.exports, global.react, global.reactDom);
11+
global.index = mod.exports;
12+
}
13+
})(this, function (exports, _react, _reactDom) {
14+
'use strict';
15+
16+
Object.defineProperty(exports, "__esModule", {
17+
value: true
18+
});
19+
20+
var _react2 = _interopRequireDefault(_react);
21+
22+
var _reactDom2 = _interopRequireDefault(_reactDom);
23+
24+
function _interopRequireDefault(obj) {
25+
return obj && obj.__esModule ? obj : {
26+
default: obj
27+
};
28+
}
29+
30+
var _extends = Object.assign || function (target) {
31+
for (var i = 1; i < arguments.length; i++) {
32+
var source = arguments[i];
33+
34+
for (var key in source) {
35+
if (Object.prototype.hasOwnProperty.call(source, key)) {
36+
target[key] = source[key];
37+
}
38+
}
39+
}
40+
41+
return target;
42+
};
43+
44+
function _classCallCheck(instance, Constructor) {
45+
if (!(instance instanceof Constructor)) {
46+
throw new TypeError("Cannot call a class as a function");
47+
}
48+
}
49+
50+
var _createClass = function () {
51+
function defineProperties(target, props) {
52+
for (var i = 0; i < props.length; i++) {
53+
var descriptor = props[i];
54+
descriptor.enumerable = descriptor.enumerable || false;
55+
descriptor.configurable = true;
56+
if ("value" in descriptor) descriptor.writable = true;
57+
Object.defineProperty(target, descriptor.key, descriptor);
58+
}
59+
}
60+
61+
return function (Constructor, protoProps, staticProps) {
62+
if (protoProps) defineProperties(Constructor.prototype, protoProps);
63+
if (staticProps) defineProperties(Constructor, staticProps);
64+
return Constructor;
65+
};
66+
}();
67+
68+
function _possibleConstructorReturn(self, call) {
69+
if (!self) {
70+
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
71+
}
72+
73+
return call && (typeof call === "object" || typeof call === "function") ? call : self;
74+
}
75+
76+
function _inherits(subClass, superClass) {
77+
if (typeof superClass !== "function" && superClass !== null) {
78+
throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
79+
}
80+
81+
subClass.prototype = Object.create(superClass && superClass.prototype, {
82+
constructor: {
83+
value: subClass,
84+
enumerable: false,
85+
writable: true,
86+
configurable: true
87+
}
88+
});
89+
if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
90+
}
91+
92+
var Table = function (_Component) {
93+
_inherits(Table, _Component);
94+
95+
function Table() {
96+
_classCallCheck(this, Table);
97+
98+
return _possibleConstructorReturn(this, (Table.__proto__ || Object.getPrototypeOf(Table)).apply(this, arguments));
99+
}
100+
101+
_createClass(Table, [{
102+
key: 'render',
103+
value: function render() {
104+
return _react2.default.createElement(
105+
'div',
106+
_extends({}, this.props, { className: 'table ' + (this.props.className || '') }),
107+
_react2.default.Children.toArray(this.props.children)
108+
);
109+
}
110+
}]);
111+
112+
return Table;
113+
}(_react.Component);
114+
115+
exports.default = Table;
116+
});

0 commit comments

Comments
 (0)