Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Use Reflex Grid as a responsive table replacement #58

Closed
dev4press opened this issue Jun 25, 2018 · 6 comments
Closed

Use Reflex Grid as a responsive table replacement #58

dev4press opened this issue Jun 25, 2018 · 6 comments
Labels

Comments

@dev4press
Copy link

Is it possible to use Reflex as a replacement for TABLE, so that colums are properly wrapped, and cells rearanged for responsive layout? Is there an example fir this available somewhere?

@leejordan
Copy link
Owner

I'm not 100% sure I understand your requirement. Can you show me an example or maybe a mockup?

@dev4press
Copy link
Author

dev4press commented Jun 28, 2018

Classic HTML TABLE:

<table>
  <thead></thead>
  <tbody>
    <tr>
       <th>...</th>
       <td>...</td>
    </tr>
  </tbody>
  <tfoot></tfoot>
</table>

@leejordan
Copy link
Owner

I can't really visualize how you would want the cells rearranged for responsive layout sorry

@dev4press
Copy link
Author

Each row has a number of cells, and for one row Reflex works fine, it is responsive. If I have 2 rows, they behave independently with Reflex, and each row has cells with different sizes. It only needs to keep the same layout, same cell size, just like table does for each row. Can Reflex 'sync' cell sizes for all rows in the same wrapper?

@iKova82
Copy link

iKova82 commented Jul 25, 2018

I think he want a fallback for wrapped items in older browsers with display:table; and display:table-cells;
This is what i also searching for.

@leejordan
Copy link
Owner

I'm not really sure if this will work with this grid. Unless anybody wants to experiment with it I'm not sure how to answer right now.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants