ui-select with big text crushing my table

Question!

In my <table> I have ui-select field, and when selected text is big <td> became too wide and that crush all my table. I try to add max-width to ui-select or ui-select-match but it's not work.

ui-select {
  max-width: 10%;
}

ui-select-match {
  max-width: 10%;
}

How can I fix this? (Plnkr example)



Answers

feed blow code to CSS style. This is working for me.

table { 
table-layout:fixed; width:400px;

}

By : Rajesh S


in the final html output ui-select and ui-select-match will be generated as classes. so use the below code to get the desire output.

.ui-select {
  width: 100px;
}

.ui-select-match {
  width: 100px;
}

Here is the Plunker code.



Isn't

Content.list(max: 2, sort: "dateCreated", order: "desc")

a possibility?

By : susi


This video can help you solving your question :)
By: admin