Git Product home page Git Product logo

Comments (9)

AndreLemay avatar AndreLemay commented on May 30, 2024 1

I'll get started on this, at least the data for now. I'm not sure I want to make any changes to the tables themselves if we're going to merge in the mui-datatables pr soon.

Example:
image

from theouterrim.

AndreLemay avatar AndreLemay commented on May 30, 2024 1

What I'm thinking so far is that the restricted value will be another hidden column (like generatedId), we'll give the price columns a custom renderer that conditionally prepends (R) on restricted items, and I'm hoping that the sorting will be done based on the data value and not the display value. If not, a custom sort function should handle that.

from theouterrim.

bknowles avatar bknowles commented on May 30, 2024

Let me see if I can get you a screenshot:

D8BF6F71-6500-4408-A83C-826EC0E5F248

from theouterrim.

duffn avatar duffn commented on May 30, 2024

Yeah, that's very broken, thanks.

from theouterrim.

duffn avatar duffn commented on May 30, 2024

Excellent! Thanks for snapping up another issue. As soon as I finished poking around at the new table, we'll get that in.

I look forward to your solution on the (R) issue here. Whatever you come up with could also be used in #45 with + for some weapons.

from theouterrim.

AndreLemay avatar AndreLemay commented on May 30, 2024

Got this working, though it looks like the table wants to break the price column once you have more than 4 digits in the price, like this:

image

Is this something we care to fix? Should be possible to just change the word-breaking css. I've also noticed that a lot of column seem to break annoyingly leading to some items, like weapons with lots of qualities or anything that's in all the core books, ending up 5-6 rows tall. We could just make nothing break, though that would probably significantly widen most of the tables.

UPDATE: Actually, looks like the wrapping depends on what else is there, as the table lets the columns determine their widths dynamically. I have no idea what logic the table itself uses to determine how wide the table as a whole should be, but I have a feeling it might depend on how wrappable the column values themselves are. Something like the Special column on the Weapons table wraps to almost 1 entry per line, whereas the starships table has less easily-wrapped column, so the whole thing ends up wider.

from theouterrim.

duffn avatar duffn commented on May 30, 2024

Very cool that you got this working.

I think we're fine just leaving the wrapping as it is, considering the dynamism of it. If it ends up being really annoying we can revisit it.

from theouterrim.

AndreLemay avatar AndreLemay commented on May 30, 2024

Sounds good, once #52 is merged I'll open the PR for this

from theouterrim.

duffn avatar duffn commented on May 30, 2024

Awesome, merged.

from theouterrim.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.