simple-react-native-table
v1.0.9
Published
A React Native table with pagination. For more information including example, please head over to the git repository for the plugin.
Maintainers
Readme
����#� �r�e�a�c�t�-�n�a�t�i�v�e�-�t�a�b�l�e�v�i�e�w� � � � �<�b�r�/�>�<�b�r�/�>� � �T�h�e� �T�a�b�l�e�V�i�e�w� �c�o�m�p�o�n�e�n�t� �i�s� �f�o�r� �o�u�t�p�u�t�t�i�n�g� �d�a�t�a� �i�n� �t�a�b�l�e� �f�o�r�m�a�t�.� �T�h�e� �f�o�l�l�o�w�i�n�g� �c�o�n�s�t�i�t�u�t�e� �t�h�e� �p�r�o�p�s� �f�o�r� �t�h�e� �T�a�b�l�e�V�i�e�w� �C�o�m�p�o�n�e�n�t�:� � � � �1�.� � �<�b�>�t�i�t�l�e�<�/�b�>� �-� �t�i�t�l�e� �f�o�r� �t�h�e� �t�a�b�l�e�,� �d�e�f�a�u�l�t� �i�s� �D�a�t�a� �T�a�b�l�e�,� � �2�.� � �<�b�>�t�i�t�l�e�C�o�l�o�r�<�/�b�>� �-� �c�o�l�o�r� �o�f� �t�i�t�l�e� �t�e�x�t�,� �d�e�f�a�u�l�t� �i�s� �d�o�d�g�e�r�b�l�u�e�,� � �3�.� � �<�b�>�d�e�f�a�u�l�t�C�o�l�o�r�<�/�b�>�-� �t�h�e� �d�e�f�a�u�l�t� �c�o�l�o�r� �f�o�r� �g�e�n�e�r�a�l� �u�s�e� �i�n� �t�h�e� �t�a�b�l�e� �e�g� �i�n� �h�o�r�i�z�o�n�t�a�l� �l�i�n�e�s�.� �D�e�f�a�u�l�t� �i�s� �d�o�d�g�e�r�b�l�u�e�,� � �4�.� � �<�b�>�d�a�t�a�<�/�b�>� �-� �t�h�e� �d�a�t�a� �t�o� �s�h�o�w� �i�n� �t�h�e� �t�a�b�l�e� �e�g�,�<�c�o�d�e�>� � � � � � �[� � � � � � �{� � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �1� �F�i�r�s�t�n�a�m�e�"�,� � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �1� �L�a�s�t�n�a�m�e�"�,� � � � � � �a�g�e�:� �5�,� � � � � � �}�,� � � � � � �{� � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �2� �F�i�r�s�t�n�a�m�e�"�,� � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �2� �L�a�s�t�n�a�m�e�"�,� � � � � � �a�g�e�:� �3�0�,� � � � � � �}�,� � � � � � �{� � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �3� �F�i�r�s�t�n�a�m�e�"�,� � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �3� �L�a�s�t�n�a�m�e�"�,� � � � � � �a�g�e�:� �4�5�,� � � � � � �}�.�.�.�]� � � � � � �<�/�c�o�d�e�>�<�b�r�/�>� � � � �5�.� � �<�b�>�h�e�a�d�e�r�s�<�/�b�>� �-� �t�h�e� �a�r�r�a�y� �o�f� �h�e�a�d�e�r� �o�b�j�e�c�t�s� �w�i�t�h� �f�i�e�l�d� �n�a�m�e�s� �a�s� �i�n� �d�a�t�a� �i�n� �t�h�e� �f�o�r�m�:� �<�c�o�d�e�>� � � � � � �[�{� �f�i�e�l�d�:� �"�f�i�r�s�t�N�a�m�e�"�,� �t�i�t�l�e�:� �"�F�i�r�s�t� �N�a�m�e�"�,� �s�i�z�e�:� �"�3�4�%�"� �}�,� � � � � � �{� �f�i�e�l�d�:� �"�l�a�s�t�N�a�m�e�"�,� �t�i�t�l�e�:� �"�L�a�s�t� �N�a�m�e�"�,� �s�i�z�e�:� �"�3�3�%�"� �}�,� � � � � � �{� �f�i�e�l�d�:� �"�a�g�e�"�,� �t�i�t�l�e�:� �"�A�g�e�"�,� �s�i�z�e�:� �"�3�3�%�"� �}�]� � � � � � �<�/�c�o�d�e�>�<�b�r�/�>� � � � �-� �t�h�e� �s�i�z�e� �i�s� �t�h�e� �w�i�d�t�h� �o�f� �t�h�e� �c�o�l�u�m�n� �r�e�l�a�t�i�v�e� �t�o� �o�t�h�e�r� �c�o�l�u�m�n�s�(�e�x�p�r�e�s�s�e�d� �a�s� �a� �%�)� � �-� �t�i�t�l�e� �b�e�c�o�m�e�s� �t�h�e� �c�o�l�u�m�n� �h�e�a�d�e�r� � �-� �f�i�e�l�d� �i�s� �t�h�e� �k�e�y� �t�o� �e�x�t�r�a�c�t� �d�a�t�a�,� �e�x�a�m�p�l�e�:� �c�e�l�l�d�a�t�a�=�d�a�t�a�[�f�i�e�l�d�]� � � � �6�.� � �<�b�>�p�a�g�i�n�a�t�e�<�/�b�>� �-� �f�l�a�g� �t�o� �d�e�t�e�r�m�i�n�e� �w�h�e�t�h�e�r� �t�o� �s�h�o�w� �p�a�g�i�n�a�t�i�o�n� �c�o�n�t�r�o�l�s�,� �d�e�f�a�u�l�t�s� �t�o� �t�r�u�e�,� � �7�.� � �<�b�>�s�e�t�I�t�e�m�s�P�e�r�P�a�g�e�<�/�b�>� �-� �t�h�e� �f�u�n�c�t�i�o�n� �t�o� �s�e�t� �i�t�e�m�P�e�r�P�a�g�e� �v�a�l�u�e� �(�i�m�p�l�e�m�e�n�t� �u�s�i�n�g� �u�s�e�S�t�a�t�e� �h�o�o�k�)�,�,� � �8�.� � �<�b�>�s�e�t�P�a�g�e�<�/�b�>� �-� �t�h�e� �f�u�n�c�t�i�o�n� �t�o� �s�e�t� �p�a�g�e� �v�a�l�u�e� �(�i�m�p�l�e�m�e�n�t� �u�s�i�n�g� �u�s�e�S�t�a�t�e� �h�o�o�k�)�,� � �9�.� � �<�b�>�p�a�g�e�<�/�b�>� �-� �t�h�e� �i�n�i�t�i�a�l� �p�a�g�e� �t�o� �r�e�n�d�e�r�,� �d�e�f�a�u�l�t� �i�s� �0�.� � �1�0�.� �i�t�e�m�s�P�e�r�P�a�g�e� �-� �i�n�i�t�i�a�l� �n�u�m�b�e�r� �o�f� �i�t�e�m�s� �p�e�r� �p�a�g�e�.� �P�r�e�f�e�r�a�b�l�y� �o�n� �o�f� �t�h�e� �e�l�e�m�e�n�t�s� �o�f� �<�b�>�p�a�g�e�O�p�t�i�o�n�s�<�/�b�>�,� � �1�1�.� �<�b�>�p�a�g�e�O�p�t�i�o�n�s�<�/�b�>� �-� �t�h�e� �a�r�r�a�y� �o�f� �n�u�m�b�e�r� �o�f� �I�t�e�m�s� �p�e�r� �p�a�g�e� �o�p�t�i�o�n�s� �e�g� �[�5�,�1�0�,�2�0�]�,� � �1�2�.� �<�b�>�h�e�a�d�e�r�C�o�l�o�r�<�/�b�>� �-� �c�o�l�o�r� �o�f� �t�h�e� �h�e�a�d�e�r�s�,� �d�e�f�a�u�l�t� �i�s� �d�o�d�g�e�r�b�l�u�e�.� � �1�3�.� �<�b�>�f�i�r�s�t�C�o�l�u�m�n�C�o�l�o�r�<�/�b�>� �-� �c�o�l�o�r� �t�o� �a�p�p�l�y� �t�o� �f�i�r�s�t� �c�o�l�u�m�n� �t�e�x�t�,� �d�e�f�a�u�l�t� �i�s� �d�o�d�g�e�r�b�l�u�e�.� � �1�4�.� �<�b�>�f�o�o�t�e�r�C�o�l�o�r�<�/�b�>� �-� �c�o�l�o�r� �t�o� �a�p�p�l�y� �t�o� �f�o�o�t�e�r� �c�o�m�p�o�n�e�n�t� �t�e�x�t�,� �d�e�f�a�u�l�t� �i�s� �"�d�o�d�g�e�r�b�l�u�e�"�.� � �1�5�.� �<�b�>�h�i�g�h�l�i�g�h�t�R�o�w�s�<�/�b�>� �-� �p�r�o�p� �t�o� �h�i�g�h�l�i�g�h�t� �r�o�w�s� �a�n�d� �m�a�k�e� �s�t�r�i�p�p�e�d� �t�a�b�l�e�,� �d�e�f�a�u�l�t� �i�s� �t�r�u�e�.� � �1�6�.� �<�b�>�h�i�g�h�l�i�g�h�t�C�o�l�u�m�n�s�<�/�b�>� �-� �p�r�o�p� �t�o� �h�i�g�h�l�i�g�h�t� �c�o�l�u�m�n� �b�a�c�k�g�r�o�u�n�d�s�,� �o�n�l�y� �v�i�s�i�b�l�e� �i�n� �t�h�e� �h�e�a�d�e�r�,� �d�e�f�a�u�l�t� �i�s� �f�a�l�s�e� � �1�7�.� �<�b�>�p�a�d�d�i�n�g�<�/�b�>� �-� �t�h�e� �h�o�r�i�z�o�n�t�a�l� �p�a�d�d�i�n�g� �t�h�a�t� �s�e�p�a�r�a�t�e�s� �c�e�l�l�s� �i�e�.� �s�e�p�a�r�a�t�e�s� �c�o�l�u�m�n�s� � �1�8�.� �<�b�>�a�l�i�g�n�C�o�l�u�m�n�s�<�/�b�>� �-� �a�l�i�g�n�m�e�n�t� �s�t�y�l�e� �f�o�r� �a�l�l� �o�t�h�e�r� �c�o�l�u�m�n�s� �e�x�c�e�p�t� �f�i�r�s�t� �c�o�l�u�m�n�,� �d�e�f�a�i�u�l�t� �i�s� �"�c�e�n�t�e�r�"�.� � �1�9�.� �<�b�>�a�l�i�g�n�F�i�r�s�t�C�o�l�u�m�n�<�/�b�>� �-�a�l�i�g�n�m�e�n�t� �s�t�y�l�e� �f�o�r� �f�i�r�s�t� �c�o�l�u�m�n� �c�o�n�t�e�n�t�s�,� �d�e�f�a�u�l�t� �i�s� �"�f�l�e�x�-�s�t�a�r�t�"�.� � � � �<�b�>�E�X�A�M�P�L�E�<�/�b�>� � �<�c�o�d�e�>� � � � � � �<�p�r�e�>� � �i�m�p�o�r�t� �{� �S�t�y�l�e�S�h�e�e�t�,� �T�e�x�t�,� �V�i�e�w� �}� �f�r�o�m� �"�r�e�a�c�t�-�n�a�t�i�v�e�"�;� � �i�m�p�o�r�t� �R�e�a�c�t�,� �{� �u�s�e�S�t�a�t�e� �}� �f�r�o�m� �"�r�e�a�c�t�"�;� � �i�m�p�o�r�t� �T�a�b�l�e�V�i�e�w� �f�r�o�m� �"�.�/�T�a�b�l�e�V�i�e�w�"�;� � � � �e�x�p�o�r�t� �d�e�f�a�u�l�t� �f�u�n�c�t�i�o�n� �E�x�a�m�p�l�e�(�)� �{� � � � �c�o�n�s�t� �o�p�t�i�o�n�s�P�e�r�P�a�g�e� �=� �[�3�,� �5�,� �1�0�,� �1�5�,� �5�0�]�;� � � � �c�o�n�s�t� �[�i�t�e�m�s�P�e�r�P�a�g�e�,� �s�e�t�I�t�e�m�s�P�e�r�P�a�g�e�]� �=� �u�s�e�S�t�a�t�e�(�o�p�t�i�o�n�s�P�e�r�P�a�g�e�[�1�]�)�;� � � � �c�o�n�s�t� �[�p�a�g�e�,� �s�e�t�P�a�g�e�]� �=� �u�s�e�S�t�a�t�e�(�0�)�;� � � � � � �c�o�n�s�t� �h�e�a�d�e�r�s� �=� �[� � � � � � �{� �f�i�e�l�d�:� �"�f�i�r�s�t�N�a�m�e�"�,� �t�i�t�l�e�:� �"�F�i�r�s�t� �N�a�m�e�"�,� �s�i�z�e�:� �"�3�4�%�"� �}�,� � � � � � �{� �f�i�e�l�d�:� �"�l�a�s�t�N�a�m�e�"�,� �t�i�t�l�e�:� �"�L�a�s�t� �N�a�m�e�"�,� �s�i�z�e�:� �"�3�3�%�"� �}�,� � � � � � �{� �f�i�e�l�d�:� �"�a�g�e�"�,� �t�i�t�l�e�:� �"�A�g�e�"�,� �s�i�z�e�:� �"�3�3�%�"� �}�,� � � � �]�;� � � � � � �c�o�n�s�t� �d�a�t�a� �=� �[� � � � � � �{� � � � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �1� �F�i�r�s�t�n�a�m�e�"�,� � � � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �1� �L�a�s�t�n�a�m�e�"�,� � � � � � � � �a�g�e�:� �5�,� � � � � � �}�,� � � � � � �{� � � � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �2� �F�i�r�s�t�n�a�m�e�"�,� � � � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �2� �L�a�s�t�n�a�m�e�"�,� � � � � � � � �a�g�e�:� �3�0�,� � � � � � �}�,� � � � � � �{� � � � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �3� �F�i�r�s�t�n�a�m�e�"�,� � � � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �3� �L�a�s�t�n�a�m�e�"�,� � � � � � � � �a�g�e�:� �4�5�,� � � � � � �}�,� � � � � � �{� � � � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �4� �F�i�r�s�t�n�a�m�e�"�,� � � � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �4� �L�a�s�t�n�a�m�e�"�,� � � � � � � � �a�g�e�:� �"�1�9�"�,� � � � � � �}�,� � � � � � �{� � � � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �6� �F�i�r�s�t�n�a�m�e�"�,� � � � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �6� �L�a�s�t�n�a�m�e�"�,� � � � � � � � �a�g�e�:� �5�,� � � � � � �}�,� � � � � � �{� � � � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �7� �F�i�r�s�t�n�a�m�e�"�,� � � � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �7� �L�a�s�t�n�a�m�e�"�,� � � � � � � � �a�g�e�:� �2�3�,� � � � � � �}�,� � � � � � �{� � � � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �8� �F�i�r�s�t�n�a�m�e�"�,� � � � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �8� �L�a�s�t�n�a�m�e�"�,� � � � � � � � �a�g�e�:� �2�5�,� � � � � � �}�,� � � � � � �{� � � � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �9� �F�i�r�s�t�n�a�m�e�"�,� � � � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �9� �L�a�s�t�n�a�m�e�"�,� � � � � � � � �a�g�e�:� �"�8�5�"�,� � � � � � �}�,� � � � � � �{� � � � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �1�0� �F�i�r�s�t�n�a�m�e�"�,� � � � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �1�0� �L�a�s�t�n�a�m�e�"�,� � � � � � � � �a�g�e�:� �5�9�,� � � � � � �}�,� � � � � � �{� � � � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �1�1� �F�i�r�s�t�n�a�m�e�"�,� � � � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �1�1� �L�a�s�t�n�a�m�e�"�,� � � � � � � � �a�g�e�:� �3�0�,� � � � � � �}�,� � � � � � �{� � � � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �1�2� �F�i�r�s�t�n�a�m�e�"�,� � � � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �1�2� �L�a�s�t�n�a�m�e�"�,� � � � � � � � �a�g�e�:� �1�0�,� � � � � � �}�,� � � � � � �{� � � � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �1�3� �F�i�r�s�t�n�a�m�e�"�,� � � � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �1�3� �L�a�s�t�n�a�m�e�"�,� � � � � � � � �a�g�e�:� �4�1�,� � � � � � �}�,� � � � � � �{� � � � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �1�4� �F�i�r�s�t�n�a�m�e�"�,� � � � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �`�4� �L�a�s�t�n�a�m�e�"�,� � � � � � � � �a�g�e�:� �"�5�5�"�,� � � � � � �}�,� � � � � � �{� � � � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �1�5� �F�i�r�s�t�n�a�m�e�"�,� � � � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �1�5� �L�a�s�t�n�a�m�e�"�,� � � � � � � � �a�g�e�:� �1�5�,� � � � � � �}�,� � � � � � �{� � � � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �1�6� �F�i�r�s�t�n�a�m�e�"�,� � � � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �1�6� �L�a�s�t�n�a�m�e�"�,� � � � � � � � �a�g�e�:� �2�0�,� � � � � � �}�,� � � � � � �{� � � � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �1�7� �F�i�r�s�t�n�a�m�e�"�,� � � � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �1�7� �L�a�s�t�n�a�m�e�"�,� � � � � � � � �a�g�e�:� �2�5�,� � � � � � �}�,� � � � � � �{� � � � � � � � �f�i�r�s�t�N�a�m�e�:� �"�T�e�s�t� �1�8� �F�i�r�s�t�n�a�m�e�"�,� � � � � � � � �l�a�s�t�N�a�m�e�:� �"�T�e�s�t� �1�8� �L�a�s�t�n�a�m�e�"�,� � � � � � � � �a�g�e�:� �"�5�5�"�,� � � � � � �}�,� � � � �]�;� � � � � �<�/�p�r�e�>� � � � �<�/�c�o�d�e�>� � � � � � � � � �T�h�e� �r�e�t�u�r�n� �m�e�t�h�o�d� �s�h�o�u�l�d� �n�o�w� �h�a�v�e� �t�h�e� �T�a�b�l�e�V�i�e�w� �a�n�d� �t�h�e� �i�n�t�e�n�d�e�d� �p�r�o�p�s� �a�s� �s�h�o�w�n� �b�e�l�o�w�:� � � �<�c�o�d�e�>� � � � �<�p�r�e�>� � � � �r�e�t�u�r�n� �(� � � � � � �<�V�i�e�w� �s�t�y�l�e�=�{�{� �w�i�d�t�h�:� �"�1�0�0�%�"�,� �h�e�i�g�h�t�:� �"�1�0�0�%�"� �}�}�>� � � � � � � � �&�l�t�T�a�b�l�e�V�i�e�w� � � � � � � � � � �t�i�t�l�e�=�{�"�E�x�a�m�p�l�e� �T�a�b�l�e�"�}� � � � � � � � � � �h�e�a�d�e�r�s�=�{�h�e�a�d�e�r�s�}� � � � � � � � � � �d�a�t�a�=�{�d�a�t�a�}� � � � � � � � � � �p�a�g�e�O�p�t�i�o�n�s�=�{�o�p�t�i�o�n�s�P�e�r�P�a�g�e�}� � � � � � � � � � �i�t�e�m�s�P�e�r�P�a�g�e�=�{�i�t�e�m�s�P�e�r�P�a�g�e�}� � � � � � � � � � �s�e�t�I�t�e�m�s�P�e�r�P�a�g�e�=�{�s�e�t�I�t�e�m�s�P�e�r�P�a�g�e�}� � � � � � � � � � �p�a�g�e�=�{�p�a�g�e�}� � � � � � � � � � �s�e�t�P�a�g�e�=�{�s�e�t�P�a�g�e�}� � � � � � � � � � �h�i�g�h�l�i�g�h�t�R�o�w�s�=�{�t�r�u�e�}� � � � � � � � � � �h�i�g�h�l�i�g�h�t�C�o�l�u�m�n�s�=�{�f�a�l�s�e�}� � � � � � � � � � �p�a�g�i�n�a�t�e�=�{�t�r�u�e�}� � � � � � � � � � �h�e�a�d�e�r�C�o�l�o�r�=�{�"�d�o�d�g�e�r�b�l�u�e�"�}� � � � � � � � � � �f�i�r�s�t�C�o�l�u�m�n�C�o�l�o�r�=�{�"�d�o�d�g�e�r�b�l�u�e�"�}� � � � � � � � � � �p�a�d�d�i�n�g�=�{�t�r�u�e�}� � � � � � � � � � �f�o�o�t�e�r�C�o�l�o�r�=�{�"�d�a�r�k�g�r�e�e�n�"�}� � � � � � � � �/�&�g�t� � � � � � �<�/�V�i�e�w�>� � � � � � �)� � � � � � �<�/�p�r�e�>� � � � �<�/�c�o�d�e�>� � �
