Override field twig template in views

Question

I am trying to override the field rendered in a view. The field name is: this_is_field

I copied the /core/modules/views/views-view-field.html.twig and placed it my theme folder.

I renamed with both methods below

views-view-field--this-is-field.html.twig
views-view-field--display-name--block-name--this-is-field.html.twig

I have turned on Twig debugging and still the copied template isn't working.

Am I renaming wrong?

Answer 1

It needs to be:

views-view-field--[field-machine-name].html.twig

If you look in Manage Fields, your field machine name is probably field_this_is_field.

Therefore, in your case:

views-view-field--field-this-is-field.html

Note that this is will override for all views that have this field, if you want to only target a specific view use:

views-view-field--[view-machine-name]--[field-machine-name].html.twig

Answer 2

I tried second method from above answer and it didn't work. What works for me is views-view-field--[view-name]--[field-machine-name].html.twig