Placement of edit and delete buttons for dynamic table

The application I am working on has dynamic tables that gets longer as the user adds more objects. The user is able to edit the properties of these objects and/or delete them.

I’m quite confident of the button placement being on top of the table rather than the bottom (if it was on the bottom, the buttons would move along with the table getting longer which may get quite annoying). However, I’m unsure of the ordering of the button and whether they should be separated (to avoid accidentally deleting).

enter image description here

Would a random damage type table for my damaging spells unbalance a wizard?

For background reasons, my character knows that he is linked to one damage type (e.g. fire, cold, lightning, etc.) due to his ancestry. The problem is, that he doesn’t know yet which one. He became a wizard to find out about his past and his heritage. Naturally, if he knew that fire were his element, he would put more effort into researching fire spells and I would pick spells like burning hands and scorching ray. Consequently, if his “elemental-background-thingy” were ice/cold, I would choose ice knife, cone of cold, etc. as his spells. If there were not enough spells to sufficiently represent a damage type, my GM would probably let me reskin some of the spells to fit the damage type.

In order to leave all possibilities open, my wizard would have tried to avoid learning spells that do only one type of damage. Chromatic orb would be an optimal choice. Unfortunately, there aren’t that many spells that let you choose what kind of damage you would like to deal. So I plan to introduce a random table, that determines which type of damage a spell deals. This could change every time he casts a spell. The in-universe explanation would be that he includes a random element in the thesis for his damaging spells when he writes them into his spellbook. So the Weave randomly “decides” which type of damage is dealt at the moment the spell is cast.

I think the table from the chaos bolt spell would be suitable for such randomness. Every time a damaging spell is cast, I would roll an additional d8, which would determine the damage type. Of course, this would make no sense for some spells, but I wouldn’t pick them anyway. This small table would be right next to my character sheet, so it wouldn’t take extra time to figure out what happens. The obvious upside is that a “fireball” could be used against something with immunity to fire damage, if another damage type is rolled on the random table. I think this advantage is balanced by the risk of dealing some kind of damage the enemy is immune to, e.g. poison damage against an earth elemental. I don’t know if this randomness would make my wizard more powerful, less powerful, or just powerful in a different way. So my question is:

Would a random damage type table for my damaging spells unbalance my wizard?

Binary Search Symbol Table

Hi I’m attempting to self teach myself from Algorithms (Sedgewick) and ran across the following problem:

3.1.15: Assume that searches are 1,000 times more frequent  than insertions for a BinarySearchST client. Estimate the  percentage of the total time that is devoted to insertions,  when the number of searches is 10^3, 10^6, and 10^9. 

As stated in the problem Searches (S) = 1000 * Inserts (I)

  • $ S = 10^3 \to I = 1$
  • $ S = 10^6 \to I = 10^3$
  • $ S = 10^9 \to I = 10^6$

At this point in the book we are using simple arrays and linked lists to back symbol table (not efficient hash maps, trees, etc). This would mean searches take ~log2(N) time and insertions take ~N/2 time (assuming a uniform distribution on where inserts are placed).

Am I correct in calculating the % of insert to search time would approximately be:

$ \frac{Inserts \times N/2}{Searches \times \log_2(N)}$

Using $ Searches = 10^3 \times Inserts$ this reduces to

$ \frac{N/2}{(10^3 \times log_2(N)}$

This would mean the percentage depends heavily on the initial size of the symbol table and is not a steady percentage that we can use to answer the question.

Any suggestions for what I am overlooking, should I be making an assumption about the initial size of the table?

Side by side dynamic menu that looks like a table

I’ve seen a pretty uncommon UI design element that looks like a table and each cell is selectable. Usually the first cell you select in the first column changes the list in the next column and likewise with the next column.

I’ve looked for select table, table of radio buttons, and more.

Sorry no code, although it’s implied that some code updates the subsequent columns.

I expect it to behave like a table of radio buttons basically, but “table of radio buttons” doesn’t yield the UI element that I have seen before.

How to handle filtering on columns of a table?

I am currently working on a pretty complex (and convoluted, I’ll admit) table in terms of filtering. One of the options for filtering allows the user to filter on an item that is displayed as a column and I’m trying to figure out the least confusing / jarring way to update the table for it.

This is hard to describe in words, I’ll be honest so here’s a GIF showing the functionality.

enter image description here

I added blocks to hide some data so pay no mind to the floating grey boxes :).


Currently, only the selected items for that filter are shown in the table and the rest are removed. This has the benefits that the user doesn’t have to see or think about information that they don’t care about, but then they have to re-adjust to what is effectively a “new” table. The other option is to gray out the unselected columns so the information is still there but taken out of focus.

What method from the above, or some other if you have ideas, do you think would confuse the user the least?

Should I label every row in a table of inputs?

I find myself with some frequency creating a grid of inputs using a table where each cell consists of just an input field and the column headers define what the field is for. PHPStorm complains with this setup about the individual fields not having an associated label and I am wondering if providing one is really necessary.

As an example, here’s a table I recently made.


download bmml source – Wireframes created with Balsamiq Mockups

The user can add as many rows as necessary to complete their data entry and each row consists of a simple input in each column. I’d prefer not to clutter the table visually with a label for every input, but should I be adding something for each input for accessibility or is it ok to ignore the warning and leave them unlabeled?

If I should label them, what would be the best way to go about doing so while maintaining a simple design such as this? What would make a good individual label? “Row 2 Adjustment”?

How show a value when clicking on a table row

I am a beginner with sharepoint and typescript, I have a table and I want when i click on a line, a result is displayed, i should do it with javascript ? or is there a way to do it with typescript? my problem is there, I don’t know if I have to introduce Javascript for this kind of action or typescript has its own method to do it this is my table

  private _renderList(items: ISPList[]): void {   let html: string = '<table class="TFtable" border=1 width=40% style="border-collapse: collapse;">'; html += `<th>Catégories</th>`; items.forEach((item: ISPList) => { html += ` <tr>  <td >$  {item.Categorie.Title}</td>  </tr> `; });  html += `</table>`; /* html+= `<ul class="$  {styles.list}"> <li class="$  {styles.listItem}"> <span class="ms-font-l">$  {item.Question}</span> </li> </ul>`;*/   const listContainer: Element = this.domElement.querySelector('#spListContainer'); listContainer.innerHTML = html;  }